Keep-alive 可以缓存多层级别的子路由的页面吗
发布于 3 年前 作者 feer 2131 次浏览 来自 问答
粉丝福利 : 关注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。各位大大有什么好的思路解决这个问题吗
回到顶部