!144 修复keep-alive组件复用

Merge pull request !144 from NuroDante/dev

src/layout/components/LayoutMain/index.vue

@@ -2,12 +2,12 @@
   <router-view>
     <template #default="{ Component, route }">
       <component
-        v-if="route.noKeepAlive"
+        v-if="route.meta.noKeepAlive"
         :is="Component"
         :key="route.fullPath"
       ></component>
       <keep-alive v-else>
-        <component :is="Component" :key="route.fullPath"></component>
+        <component :is="Component" :key="route.meta?.key"></component>
       </keep-alive>
     </template>
   </router-view>

src/router/modules/project.router.ts

@@ -46,4 +46,11 @@ const projectRoutes: RouteRecordRaw = {
   ]
 }
 
+projectRoutes.children?.forEach(child => {
+  child.meta = {
+    ...child.meta,
+    key: 'reuse-project'
+  }
+})
+
 export default projectRoutes

src/views/project/layout/components/ProjectLayoutSider/index.vue

@@ -45,8 +45,7 @@ const collapsed = ref<boolean>(false)
 const { getAsideCollapsedWidth } = toRefs(useSettingStore())
 
 const route = useRoute()
-const routeRame = computed(() => route.name)
-const menuValue = ref(routeRame)
+const menuValue = computed(() => route.name)
 
 const menuOptions = menuOptionsInit()