wenyongda/ZRAdmin-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

⚡优化开发环境中切换路由会白屏问题

Browse Source
This commit is contained in:
不做码农 2023-09-07 18:39:10 +08:00
parent cde0d3ab54
commit aef0b436c4
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/layout/index.vue
View File

@ -20,11 +20,14 @@
</el-header>
<el-main class="app-main">
<router-view v-slot="{ Component, route }">
<transition name="fade-transform" mode="out-in">
<transition name="fade-transform" mode="out-in" v-if="!dev">
<keep-alive :include="cachedViews">
<component v-if="!route.meta.link" :is="Component" :key="route.path" />
</keep-alive>
</transition>
<keep-alive :include="cachedViews" v-else>
<component v-if="!route.meta.link" :is="Component" :key="route.path" />
</keep-alive>
</router-view>
<iframe-toggle />
</el-main>
@ -46,6 +49,7 @@ import useAppStore from '@/store/modules/app'
import useSettingsStore from '@/store/modules/settings'
import useTagsViewStore from '@/store/modules/tagsView'
const dev = import.meta.env.DEV
const settingsStore = useSettingsStore()
const theme = computed(() => settingsStore.theme)
const sidebar = computed(() => useAppStore().sidebar)