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