vue路由懒加载的原理及实现?Vue路由元信息与懒加载和模块拆分详细介绍
目录1. 路由元信息 2. 路由懒加载和模块拆分1. 路由元信息 描述: 元信息就是对于路由规则的额外补充信息,也就是在定义路由的时候可以配置 meta 字段。 元信息通俗点来说,就是写给程序看的注释
顺晟科技
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 = [ ]
我这些组件都有单独的名称,对应的路由名也跟组件名一样的
19
2022-10
19
2022-10
23
2022-09
23
2022-09
23
2022-09
13
2022-09