From 8806a6cb43c36388b1e0dd18063781e66e6d7d6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E4=BC=A0=E9=BE=99?= <zclzone@outlook.com>
Date: Sat, 24 Sep 2022 14:44:59 +0800
Subject: [PATCH] fix: keep-alive key

---
 src/layout/components/AppMain.vue          | 2 +-
 src/layout/components/tags/ContextMenu.vue | 3 ++-
 src/store/modules/app/index.js             | 5 +++++
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 927aee7..e88a6e7 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,7 +1,7 @@
 <template>
   <router-view v-slot="{ Component, route }">
     <KeepAlive :include="keepAliveRouteNames">
-      <component :is="Component" v-if="appStore.reloadFlag" :key="route.meta?.key || route.fullPath" />
+      <component :is="Component" v-if="appStore.reloadFlag" :key="appStore.aliveKeys[route.name] || route.fullPath" />
     </KeepAlive>
   </router-view>
 </template>
diff --git a/src/layout/components/tags/ContextMenu.vue b/src/layout/components/tags/ContextMenu.vue
index 2a5d747..37fa625 100644
--- a/src/layout/components/tags/ContextMenu.vue
+++ b/src/layout/components/tags/ContextMenu.vue
@@ -13,6 +13,7 @@
 <script setup>
 import { useTagsStore, useAppStore } from '@/store'
 import { renderIcon } from '@/utils'
+import { useLocalStorage } from '@vueuse/core'
 
 const props = defineProps({
   show: {
@@ -78,7 +79,7 @@ const actionMap = new Map([
     () => {
       if (route.meta?.keepAlive) {
         // 重置keepAlive
-        route.meta.key = +new Date()
+        appStore.setAliveKeys(route.name, +new Date())
       }
       appStore.reloadPage()
     },
diff --git a/src/store/modules/app/index.js b/src/store/modules/app/index.js
index 3673ccb..8212b9a 100644
--- a/src/store/modules/app/index.js
+++ b/src/store/modules/app/index.js
@@ -5,6 +5,8 @@ export const useAppStore = defineStore('app', {
     return {
       reloadFlag: true,
       collapsed: false,
+      /** keepAlive路由的key，重新赋值可重置keepAlive */
+      aliveKeys: {},
     }
   },
   actions: {
@@ -25,5 +27,8 @@ export const useAppStore = defineStore('app', {
     setCollapsed(collapsed) {
       this.collapsed = collapsed
     },
+    setAliveKeys(key, val) {
+      this.aliveKeys[key] = val
+    },
   },
 })