修复transition组件导致的白屏(重现: 热更新transition下的组件script代码切换tab即可)

This commit is contained in:
maxbad 2023-08-15 16:12:24 +08:00
parent 14ea36481c
commit 71578ab6f5
2 changed files with 6 additions and 5 deletions

View File

@ -136,7 +136,7 @@
import { deepMerge } from '@/utils';
export default defineComponent({
name: 'BasicUpload',
name: 'BasicForm',
components: { DownOutlined, UpOutlined, QuestionCircleOutlined },
props: {
...basicProps,

View File

@ -1,26 +1,27 @@
<template>
<RouterView>
<template #default="{ Component, route }">
{{ retryKeepAlive(route) }}
<template v-if="mode === 'production'">
<transition :name="getTransitionName" mode="out-in" appear>
<transition :name="getTransitionName" appear mode="out-in">
<keep-alive v-if="keepAliveComponents.length" :include="keepAliveComponents">
<component :is="Component" :key="route.fullPath" />
</keep-alive>
<component v-else :is="Component" :key="route.fullPath" />
<component :is="Component" v-else :key="route.fullPath" />
</transition>
</template>
<template v-else>
<keep-alive v-if="keepAliveComponents.length" :include="keepAliveComponents">
<component :is="Component" :key="route.fullPath" />
</keep-alive>
<component v-else :is="Component" :key="route.fullPath" />
<component :is="Component" v-else :key="route.fullPath" />
</template>
</template>
</RouterView>
</template>
<script>
import { defineComponent, computed, unref } from 'vue';
import { computed, defineComponent, unref } from 'vue';
import { useAsyncRouteStore } from '@/store/modules/asyncRoute';
import { useProjectSetting } from '@/hooks/setting/useProjectSetting';
import { useRouter } from 'vue-router';