From ffad9432c50d06ddde2d17651c16e05d6042216d Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Thu, 23 Apr 2026 14:19:04 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=B7=AF=E7=94=B1=E5=88=87?=
 =?UTF-8?q?=E6=8D=A2=E7=99=BD=E5=B1=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index 9a1e42c..055bdc0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,17 @@
     <!-- 开启水印 -->
     <el-watermark :font="{ color: fontColor }" :content="watermarkEnabled ? defaultSettings.watermarkContent : ''"
       :z-index="9999" class="wh-full">
-      <router-view />
+      <!-- 🔴 修改开始：使用 v-slot 处理路由组件 -->
+      <router-view v-slot="{ Component, route }">
+        <!-- 
+           1. 使用 <transition> 包裹，防止渲染冲突 
+           2. 加上 :key="route.path" 强制 Vue 在路由变化时重新渲染，避免复用导致的空白
+        -->
+        <transition name="fade" mode="out-in">
+          <component :is="Component" :key="route.path" />
+        </transition>
+      </router-view>
+      <!-- 🟢 修改结束 -->
     </el-watermark>
   </el-config-provider>
 </template>