✨ 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" />
+                                    <component :is="Component" />
                                 </keep-alive>
-                                <component :is="Component" v-if="!$route.meta.keepAlive" />-->
+                                <!-- <component :is="Component" v-if="!$route.meta.keepAlive" />
 
-                                <component :is="Component" />
+                                <component :is="Component" /> -->
                             </router-view>
                         </n-message-provider>
                     </div>

src/views/list/index.vue

@@ -43,12 +43,14 @@ if (route.query.type) {
 watch(
   () => route.query,
   async newParams => {
-    const params = {
+    if(newParams.type){
-      tag: newParams.type || '',
+      const params = {
-      limit: 30,
+        tag: newParams.type || '',
-      before: 0
+        limit: 30,
+        before: 0
+      }
+      loadList(newParams.type);
     }
-    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>()