- 在配置路由的时候,可以在路由的meta内声明属性用于判断,当前路由是否需要缓存,例如:
meta:{
"cache":true
}
- 在layout页面写一个计算属性用于判断路由标识是否存在cache属性为true
get isCache(){
return (this.$route && this.$route.meta && this.$route.meta.cache) || false
}
- 在layout页面的路由出口router-view进行判断
<keep-alive>
<router-view v-if="isCache">
</keep-alive>
<router-view v-if="!isCache">
- antd的table页面,滚动条位置,路由缓存后好像存在bug,需要在跳转路由的时候手动记录table滚动条位置,然后从详情页回来时讲滚动条位置信息传回,并在actived钩子函数内重新设置滚动条位置