Keep-alive 可以缓存多层级别的子路由的页面吗
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
事故场景:
A ---页面
router-view
B --- A页面中的路由组件中的页面
C --- A页面中的路由组件中的页面
router-view
E ---- C页面中的router-view 组件中的页面 ---- A页面路由的子路由中的页面
F ---- C页面中的router-view 组件中的页面 ---- A页面路由的子路由中的页面
router-view
G ---- F页面中的router-view 组件中的页面
H ---- F页面中的router-view 组件中的页面
I ---- F页面中的router-view 组件中的页面
问题描述:
A页面的路由做缓存配置
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
G H I 三个子子路由中的页面,同时设置meta:{ keepAlive: true} 结果三个页面同时不不能被缓存,
activated不被执行,全部执行了created 和 mounted。各位大大有什么好的思路解决这个问题吗