diff --git a/apps/web-antd/src/app.vue b/apps/web-antd/src/app.vue
index bbaccce13bc..c4fb81f3e68 100644
--- a/apps/web-antd/src/app.vue
+++ b/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>
diff --git a/apps/web-ele/src/app.vue b/apps/web-ele/src/app.vue
index 1217658da55..e639a7c7397 100644
--- a/apps/web-ele/src/app.vue
+++ b/apps/web-ele/src/app.vue
@@ -12,6 +12,6 @@ useElementPlusDesignTokens();
 
 <template>
   <ElConfigProvider :locale="elementLocale">
-    <RouterView />
+    <RouterView :key="$route.fullPath" />
   </ElConfigProvider>
 </template>
diff --git a/apps/web-naive/src/app.vue b/apps/web-naive/src/app.vue
index 23983c55c98..660330d9a63 100644
--- a/apps/web-naive/src/app.vue
+++ b/apps/web-naive/src/app.vue
@@ -49,7 +49,7 @@ const themeOverrides = computed((): GlobalThemeOverrides => {
   >
     <NNotificationProvider>
       <NMessageProvider>
-        <RouterView />
+        <RouterView :key="$route.fullPath" />
       </NMessageProvider>
     </NNotificationProvider>
   </NConfigProvider>