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

fix KeepAlive不生效问题

Browse Source
This commit is contained in:
不做码农 2022-05-24 11:08:23 +08:00
parent d5ebedfded
commit 90a163cb58
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/layout/components/AppMain.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<el-main class="app-main"> <el-main class="app-main">
<router-view v-slot="{ Component, route }" :key="route.path"> <router-view v-slot="{ Component, route }">
<transition appear name="fade-transform" mode="out-in"> <transition appear name="fade-transform" mode="out-in">
<keep-alive :include="cachedViews"> <keep-alive :include="cachedViews">
<component :is="Component" :key="route.path" /> <component :is="Component" :key="route.path" />

6
src/layout/index.vue
View File

@ -12,7 +12,7 @@
<tags-view v-if="needTagsView" /> <tags-view v-if="needTagsView" />
</el-header> </el-header>
<el-main class="app-main"> <el-main class="app-main">
<router-view v-slot="{ Component, route }" :key="route.path"> <router-view v-slot="{ Component, route }">
<transition name="fade-transform" mode="out-in"> <transition name="fade-transform" mode="out-in">
<keep-alive :include="cachedViews"> <keep-alive :include="cachedViews">
<component :is="Component" :key="route.path" /> <component :is="Component" :key="route.path" />
@ -39,7 +39,7 @@ const menuDrawer = computed({
store.dispatch('app/toggleSideBar') store.dispatch('app/toggleSideBar')
}, },
}) })
const store = useStore() let store = useStore()
const theme = computed(() => store.state.settings.theme) const theme = computed(() => store.state.settings.theme)
const sidebar = computed(() => store.state.app.sidebar) const sidebar = computed(() => store.state.app.sidebar)
const device = computed(() => store.state.app.device) const device = computed(() => store.state.app.device)
@ -47,11 +47,13 @@ const needTagsView = computed(() => store.state.settings.tagsView)
const fixedHeader = computed(() => store.state.settings.fixedHeader) const fixedHeader = computed(() => store.state.settings.fixedHeader)
const showFooter = computed(() => store.state.settings.showFooter) const showFooter = computed(() => store.state.settings.showFooter)
// appMain 模块 start
const route = useRoute() const route = useRoute()
store.dispatch('tagsView/addCachedView', route) store.dispatch('tagsView/addCachedView', route)
const cachedViews = computed(() => { const cachedViews = computed(() => {
return store.state.tagsView.cachedViews return store.state.tagsView.cachedViews
}) })
//appMain 模块结束
const classObj = computed(() => ({ const classObj = computed(() => ({
hideSidebar: !sidebar.value.opened, hideSidebar: !sidebar.value.opened,