diff --git a/src/views/main/Creator.vue b/src/views/main/Creator.vue index 7168076..185620a 100644 --- a/src/views/main/Creator.vue +++ b/src/views/main/Creator.vue @@ -52,7 +52,7 @@ import PostCard from "@/views/main/PostCard.vue" import posts from "@/views/main/posts.json" import PostMessage from "@/views/messages/PostMessage.vue"; import MessageList from "@/views/messages/MessageList.vue"; -import {onBeforeMount, ref} from "vue"; +import {onBeforeMount, ref, watch} from "vue"; import {useClient} from "@/plugins/api.js"; import {useRoute} from "vue-router"; import CreatorBanner from "@/views/main/CreatorBanner.vue"; @@ -67,13 +67,25 @@ const user = ref(null); const loading = ref(true); onBeforeMount(async() => { - const response = await client.get(`/api/Users?UserName=${route.params.creator}`) - user.value = response.data setTimeout(() => { loading.value = false; }, 1500); + const response = await client.get(`/api/Users?UserName=${route.params.creator}`) + user.value = response.data }) +watch( + () => route.params.creator, + async () => { + loading.value = true; + setTimeout(() => { + loading.value = false; + }, 1000); + const response = await client.get(`/api/Users?UserName=${route.params.creator}`) + user.value = response.data + } +); +