From 98e974b55ef3e329e8bbec5229b46943ee587071 Mon Sep 17 00:00:00 2001
From: H0nGzA1 <2505811377@qq.com>
Date: Sat, 16 Sep 2023 02:00:22 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20transition=E7=BB=84=E4=BB=B6=E7=83=AD?=
 =?UTF-8?q?=E9=87=8D=E8=BD=BD=E6=98=BE=E7=A4=BA=E9=A1=B5=E9=9D=A2=E7=A9=BA?=
 =?UTF-8?q?=E7=99=BDbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/layout/routerView/parent.vue | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/web/src/layout/routerView/parent.vue b/web/src/layout/routerView/parent.vue
index f4141c4..e329d63 100644
--- a/web/src/layout/routerView/parent.vue
+++ b/web/src/layout/routerView/parent.vue
@@ -3,18 +3,21 @@
 		<router-view v-slot="{ Component }">
 			<transition :name="setTransitionName" mode="out-in">
 				<keep-alive :include="getKeepAliveNames" v-if="showView">
-					<component :is="Component" :key="state.refreshRouterViewKey" class="w100" v-show="!isIframePage" />
+					<div>
+						<component :is="Component" :key="state.refreshRouterViewKey" class="w100" v-show="!isIframePage" />
+					</div>
 				</keep-alive>
 			</transition>
 		</router-view>
 		<transition :name="setTransitionName" mode="out-in">
-			<Iframes class="w100" v-show="isIframePage" :refreshKey="state.iframeRefreshKey" :name="setTransitionName" :list="state.iframeList" />
+			<Iframes class="w100" v-show="isIframePage" :refreshKey="state.iframeRefreshKey" :name="setTransitionName"
+				:list="state.iframeList" />
 		</transition>
 	</div>
 </template>
 
 <script setup lang="ts" name="layoutParentView">
-import { defineAsyncComponent, computed, reactive, onBeforeMount, onUnmounted, nextTick, watch, onMounted,ref,provide  } from 'vue';
+import { defineAsyncComponent, computed, reactive, onBeforeMount, onUnmounted, nextTick, watch, onMounted, ref, provide } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useKeepALiveNames } from '/@/stores/keepAliveNames';
@@ -44,13 +47,13 @@ const showView = ref(true)
 /**
  * 刷新页面
  */
-const refreshView=function () {
-  showView.value = false // 通过v-if移除router-view节点
-  nextTick(() => {
-    showView.value = true // DOM更新后再通过v-if添加router-view节点
-  })
+const refreshView = function () {
+	showView.value = false // 通过v-if移除router-view节点
+	nextTick(() => {
+		showView.value = true // DOM更新后再通过v-if添加router-view节点
+	})
 }
-provide('refreshView',refreshView)
+provide('refreshView', refreshView)
 
 // 设置主界面切换动画
 const setTransitionName = computed(() => {
@@ -105,7 +108,7 @@ onMounted(() => {
 });
 // 页面卸载时
 onUnmounted(() => {
-	mittBus.off('onTagsViewRefreshRouterView', () => {});
+	mittBus.off('onTagsViewRefreshRouterView', () => { });
 });
 // 监听路由变化，防止 tagsView 多标签时，切换动画消失
 // https://toscode.gitee.com/lyt-top/vue-next-admin/pulls/38/files