18910140161

多级router-view中使用keep-alive,子路由意外的缓存了

顺晟科技

2021-07-02 18:00:27

394

结构同 Keep-alive 可以缓存多层级别的子路由的页面吗 。


顺晟科技:

你好!动态配置include和exclude我尝试了一下;只不过我没有用vuex,看起来没效果;

上次有试过,用于控制 A 界面的 router-view 这会导致 C 页面 和 D页面均不会缓存了。

当 $route.name === D 的时候 => keepAliveRoutes = [ D ]

keep-alive 具有include和exclude属性,可以通过vuex在页面动态添加和移除include和exclude进行页面缓存控制

但是切换 C => E 的时候E还是有缓存。

确实可能出现这种情况,遇到过不止一次,没有太好解决方法。尝试下把 子路由 router-view 要显示的组件添加 name 可以解决。

现在就是需要怎么处理才可以使 C => E => B => E 不进行缓存?

C页面中的 router-view:

在C页面中 watch $route,

其他时候 => keepAliveRoutes = [ ]

我这些组件都有单独的名称,对应的路由名也跟组件名一样的

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航