From 4ec4eb3222e941807e7c6edccac2a0f18790861f Mon Sep 17 00:00:00 2001
From: KUN1007 <yuyu_kun@sina.com>
Date: Thu, 14 Sep 2023 00:25:04 +0800
Subject: [PATCH] BUG fix: router

---
 src/api/topic/types/aside.ts                         |  2 +-
 src/layout/KUNGalgameAPP.vue                         |  5 +++--
 .../article/components/header/ArticleHeader.vue      |  2 +-
 src/views/topic/aside/TopicMaster.vue                |  2 --
 src/views/topic/aside/TopicOtherTag.vue              | 12 ++++++------
 5 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/api/topic/types/aside.ts b/src/api/topic/types/aside.ts
index 21104fe5..68c8a821 100644
--- a/src/api/topic/types/aside.ts
+++ b/src/api/topic/types/aside.ts
@@ -9,7 +9,7 @@ export interface TopicAsideOtherTagRequestData {
   // 本话题的 tags
   tags: string[]
   // 当前话题的 tid，因为相同标签下的其它话题不包括本话题
-  tid: string
+  tid: number
 }
 
 export interface TopicAsideMasterRequestData {
diff --git a/src/layout/KUNGalgameAPP.vue b/src/layout/KUNGalgameAPP.vue
index 8ff61691..f332d241 100644
--- a/src/layout/KUNGalgameAPP.vue
+++ b/src/layout/KUNGalgameAPP.vue
@@ -18,8 +18,9 @@ import KUNGalgameTopBar from '@/components/top-bar/KUNGalgameTopBar.vue'
     <RouterView #default="{ route, Component }">
       <!-- <Transition
         :enter-active-class="`animate__animated ${route.meta.transition}`"
-      > -->
-      <component :is="Component"></component>
+        > -->
+      <!-- 坑！这里必须要加 key，不然同一界面 vue router 会识别不出来页面的更新，导致页面不刷新 -->
+      <component :is="Component" :key="route.fullPath"></component>
       <!-- </Transition> -->
     </RouterView>
   </div>
diff --git a/src/views/Home/content/article/components/header/ArticleHeader.vue b/src/views/Home/content/article/components/header/ArticleHeader.vue
index 6d1bfd28..eaed7a2f 100644
--- a/src/views/Home/content/article/components/header/ArticleHeader.vue
+++ b/src/views/Home/content/article/components/header/ArticleHeader.vue
@@ -3,7 +3,7 @@ import { Icon } from '@iconify/vue'
 import KUNGalgameSearchBox from '@/components/KUNGalgameSearchBox.vue'
 import SortTopic from './SortTopic.vue'
 
-const category = `["Galgame"]`
+const category = ['Galgame']
 </script>
 
 <template>
diff --git a/src/views/topic/aside/TopicMaster.vue b/src/views/topic/aside/TopicMaster.vue
index ebab0d4f..697073cb 100644
--- a/src/views/topic/aside/TopicMaster.vue
+++ b/src/views/topic/aside/TopicMaster.vue
@@ -24,8 +24,6 @@ const { uid } = storeToRefs(useKUNGalgameUserStore())
 const topicData = ref<TopicAside[]>()
 
 onMounted(async () => {
-  console.log(tid)
-
   topicData.value = (
     await useKUNGalgameTopicStore().getPopularTopicsByUserUid({
       uid: uid.value,
diff --git a/src/views/topic/aside/TopicOtherTag.vue b/src/views/topic/aside/TopicOtherTag.vue
index 4edf6552..a634d3b4 100644
--- a/src/views/topic/aside/TopicOtherTag.vue
+++ b/src/views/topic/aside/TopicOtherTag.vue
@@ -2,31 +2,31 @@
   这里是楼主的其他话题组件
  -->
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, onMounted, toRaw } from 'vue'
 
 import { TopicAside } from '@/api/index'
 
 // 导入 topic store
 import { useKUNGalgameTopicStore } from '@/store/modules/topic'
 
-import { RouterLink, useRoute } from 'vue-router'
+import { useRoute } from 'vue-router'
 
 const route = useRoute()
 
-const tid = route.params.tid as string
+const tid = parseInt(route.params.tid as string)
 
 const props = defineProps<{
   tags: string[]
 }>()
 
+const tags = toRaw(props.tags)
+
 const topicData = ref<TopicAside[]>()
 
 onMounted(async () => {
-  console.log(tid)
-
   topicData.value = (
     await useKUNGalgameTopicStore().getRelatedTopicsByTags({
-      tags: props.tags,
+      tags: tags,
       tid: tid,
     })
   ).data