Files
laws_weilai/jero-web/src/components/layouts/RouteView.vue
T
2022-02-21 16:15:11 +08:00

44 lines
1.4 KiB
Java

<template>
<div class="main">
<keep-alive :include="includedComponents">
<router-view v-if="keepAlive"/>
</keep-alive>
<router-view v-if="!keepAlive"/>
</div>
</template>
<script>
import Vue from 'vue'
import { CACHE_INCLUDED_ROUTES } from '@/store/mutation-types'
export default {
name: 'RouteView',
computed: {
//update-begin--Author:scott Date:20201015 for:路由缓存问题,关闭了tab页时再打开就不刷新 #842
includedComponents() {
const includedRouters = Vue.ls.get(CACHE_INCLUDED_ROUTES)
//如果是缓存路由,则加入到 cache_included_routes
if (this.$route.meta.keepAlive && this.$route.meta.componentName) {
let cacheRouterArray = Vue.ls.get(CACHE_INCLUDED_ROUTES) || []
if (!cacheRouterArray.includes(this.$route.meta.componentName)) {
cacheRouterArray.push(this.$route.meta.componentName)
// cacheRouterArray.push("OnlCgformHeadList")
Vue.ls.set(CACHE_INCLUDED_ROUTES, cacheRouterArray)
return cacheRouterArray
}
}
return includedRouters
},
//update-end--Author:scott Date:20201015 for:路由缓存问题,关闭了tab页时再打开就不刷新 #842
keepAlive() {
return this.$route.meta.keepAlive
}
}
}
</script>
<style>
.main {
height: 100%;
overflow: auto;
}
</style>