From 585bf4a4c4f0e31b4946572b8a523f0ad1cf2103 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E4=BC=A0=E9=BE=99?= <zclzone@outlook.com>
Date: Wed, 20 Apr 2022 18:03:23 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8Drouter-view=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=BB=84=E4=BB=B6=E5=9B=A0transition=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E4=BD=BF=E7=94=A8=E5=A4=9A=E4=B8=AA=E6=A0=B9=E8=8A=82?=
 =?UTF-8?q?=E7=82=B9=E5=91=8A=E8=AD=A6=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/AppMain.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 6ca4335..556c2ad 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -1,9 +1,11 @@
 <template>
   <router-view v-slot="{ Component, route }">
     <transition name="fade-slide" mode="out-in" appear>
-      <keep-alive :include="keepAliveRouteNames">
-        <component :is="Component" :key="route.path" />
-      </keep-alive>
+      <div :key="route.path">
+        <keep-alive :include="keepAliveRouteNames">
+          <component :is="Component" />
+        </keep-alive>
+      </div>
     </transition>
   </router-view>
 </template>