修复keepalive问题 #934 #903,调整刷新功能,增加页面跳转动画。
This commit is contained in:
@@ -34,7 +34,7 @@
|
||||
<el-breadcrumb-item
|
||||
v-for="item in matched.slice(1,matched.length)"
|
||||
:key="item.path"
|
||||
>{{ item.meta.title }}</el-breadcrumb-item>
|
||||
>{{ route.params.title || item.meta.title }}</el-breadcrumb-item>
|
||||
</el-breadcrumb>
|
||||
</el-col>
|
||||
<el-col :xs="12" :lg="9" :md="9" :sm="14" :xl="9">
|
||||
@@ -83,7 +83,7 @@
|
||||
</transition>
|
||||
<router-view v-if="reloadFlag" v-slot="{ Component }" v-loading="loadingFlag" element-loading-text="正在加载中" class="admin-box">
|
||||
<transition mode="out-in" name="el-fade-in-linear">
|
||||
<keep-alive :include="useRouterStore.keepAliveRouters">
|
||||
<keep-alive :include="routerStore.keepAliveRouters">
|
||||
<component :is="Component" />
|
||||
</keep-alive>
|
||||
</transition>
|
||||
@@ -118,7 +118,8 @@ import { useRouterStore } from '@/pinia/modules/router'
|
||||
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
|
||||
const routerStore = useRouterStore()
|
||||
console.log(routerStore.keepAliveRouters)
|
||||
// 三种窗口适配
|
||||
const isCollapse = ref(false)
|
||||
const isSider = ref(true)
|
||||
@@ -201,9 +202,14 @@ const changeUserAuth = async(id) => {
|
||||
|
||||
const reloadFlag = ref(true)
|
||||
const reload = async() => {
|
||||
reloadFlag.value = false
|
||||
await nextTick()
|
||||
reloadFlag.value = true
|
||||
if (route.meta.keepAlive) {
|
||||
reloadFlag.value = false
|
||||
await nextTick()
|
||||
reloadFlag.value = true
|
||||
} else {
|
||||
const title = route.meta.title
|
||||
router.push({ name: 'Reload', params: { title }})
|
||||
}
|
||||
}
|
||||
|
||||
const isShadowBg = ref(false)
|
||||
|
Reference in New Issue
Block a user