fix: keepalive invalid

src/layouts/components/AppMain.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useTagsViewStore } from "@/store/modules/tags-view"
 import { useSettingsStore } from "@/store/modules/settings"
 import Footer from "./Footer/index.vue"
-
-const tagsViewStore = useTagsViewStore()
+import router from "@/router/index"
+import { filterKeepAlive } from "@/router/helper"
+const keepAliveInclude = filterKeepAlive(router)
 const settingsStore = useSettingsStore()
 </script>
 
@@ -13,7 +13,7 @@ const settingsStore = useSettingsStore()
       <!-- key 采用 route.path 和 route.fullPath 有着不同的效果，大多数时候 path 更通用 -->
       <router-view v-slot="{ Component, route }">
         <transition name="el-fade-in" mode="out-in">
-          <keep-alive :include="tagsViewStore.cachedViews">
+          <keep-alive :include="keepAliveInclude">
             <component :is="Component" :key="route.path" class="app-container-grow" />
           </keep-alive>
         </transition>

src/router/helper.ts

@@ -67,3 +67,26 @@ const addToChildren = (routes: RouteRecordNormalized[], children: RouteRecordRaw
     }
   })
 }
+
+/* 过滤需要keepalive的标签 */
+export const filterKeepAlive = (router: Router): string[] => {
+  const keepAliveList: string[] = []
+  const routes = router.getRoutes() || []
+  const filter = (route: RouteRecordRaw[] | RouteRecordRaw) => {
+    // 确保 route 是数组
+    const routes = Array.isArray(route) ? route : [route]
+
+    routes.forEach((item: RouteRecordRaw) => {
+      if (item.meta?.keepAlive === true) {
+        keepAliveList.push(item.name as string)
+      }
+      if (item.children?.length) {
+        filter(item.children) // 递归处理子路由
+      }
+    })
+  }
+
+  filter(routes) // 初始调用
+
+  return keepAliveList
+}