From 05d49fd2cf4e8b5d6990864f13ee148f6342f05e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=82=A0=E9=9D=99=E8=90=9D=E8=8E=89?= <i@mikuhl.cn>
Date: Wed, 3 Aug 2022 00:10:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=BB=84=E4=BB=B6key?=
 =?UTF-8?q?=20(#251)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/components/Content.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/layouts/components/Content.vue b/src/layouts/components/Content.vue
index 76cd3a0..c16b036 100644
--- a/src/layouts/components/Content.vue
+++ b/src/layouts/components/Content.vue
@@ -2,7 +2,7 @@
   <router-view v-if="!isRefreshing" v-slot="{ Component }">
     <transition name="fade" mode="out-in">
       <keep-alive :include="aliveViews">
-        <component :is="Component" />
+        <component :is="Component" :key="activeRouteFullPath" />
       </keep-alive>
     </transition>
   </router-view>
@@ -10,8 +10,14 @@
 
 <script setup lang="ts">
 import { computed, ComputedRef } from 'vue';
+import { useRouter } from 'vue-router';
 import { useTabsRouterStore } from '@/store';
 
+const activeRouteFullPath = computed(() => {
+  const router = useRouter();
+  return router.currentRoute.value.fullPath;
+});
+
 const aliveViews = computed(() => {
   const tabsRouterStore = useTabsRouterStore();
   const { tabRouters } = tabsRouterStore;