fix: 修复路由跳转的页面出现空白

Author: liuchenchen

apps/web-antd/src/app.vue

@@ -33,7 +33,7 @@ const tokenTheme = computed(() => {
 <template>
   <ConfigProvider :locale="antdLocale" :theme="tokenTheme">
     <App>
-      <RouterView />
+      <RouterView :key="$route.fullPath" />
     </App>
   </ConfigProvider>
 </template>

apps/web-ele/src/app.vue

@@ -12,6 +12,7 @@ useElementPlusDesignTokens();
 
 <template>
   <ElConfigProvider :locale="elementLocale">
-    <RouterView />
+    <!-- <RouterView /> -->
+    <RouterView :key="$route.fullPath" />
   </ElConfigProvider>
 </template>

apps/web-naive/src/app.vue

@@ -49,7 +49,7 @@ const themeOverrides = computed((): GlobalThemeOverrides => {
   >
     <NNotificationProvider>
       <NMessageProvider>
-        <RouterView />
+        <RouterView :key="$route.fullPath" />
       </NMessageProvider>
     </NNotificationProvider>
   </NConfigProvider>