✨ feat: 优化路由持久化

src/layout/AppLayout.vue

@@ -12,12 +12,12 @@
                     <div class="main-content bg-black" :native-scrollbar="false">
                         <n-message-provider>
                             <router-view class="main-page" v-slot="{ Component }">
-                                <!-- <keep-alive>
+                                <keep-alive>
-                                    <component :is="Component" v-if="$route.meta.keepAlive" />
-                                </keep-alive>
-                                <component :is="Component" v-if="!$route.meta.keepAlive" />-->
-
                                     <component :is="Component" />
+                                </keep-alive>
+                                <!-- <component :is="Component" v-if="!$route.meta.keepAlive" />
+
+                                <component :is="Component" /> -->
                             </router-view>
                         </n-message-provider>
                     </div>

src/views/list/index.vue

@@ -43,6 +43,7 @@ if (route.query.type) {
 watch(
   () => route.query,
   async newParams => {
+    if(newParams.type){
       const params = {
         tag: newParams.type || '',
         limit: 30,
@@ -50,6 +51,7 @@ watch(
       }
       loadList(newParams.type);
     }
+  }
 )
 
 

src/views/user/index.vue

@@ -33,11 +33,13 @@ const loadPage = async () => {
 
   const { data: recordData } = await getUserRecord(user.userId)
   recordList.value = recordData.allData
-
-
 }
-loadPage()
 
+watch(() => router.currentRoute.value, (to) => {
+  if (to.path === "/user") {
+    loadPage()
+  }
+})
 
 const isShowList = ref(false)
 const list = ref<Playlist>()