keep-alive 缓存页面不生效的三种原因

目录

1.组件中的name属性和路由中的name属性字段不一致，导致不生效！

​编辑

2.路由的meta属性中未设置KeepAlive属性或者KeepAlive属性的值为false. 

3、针对三级及三级以上路由不起作用，缓存失效。

1.组件中的name属性和路由中的name属性字段不一致，导致不生效！

2.路由的meta属性中未设置KeepAlive属性或者KeepAlive属性的值为false. 

3、<Keep-Alive>针对三级及三级以上路由不起作用，缓存失效。

我直接在二级路由上重新包裹了<router-view>，缓存问题完美解决！

看其他博主还有分享路由的扁平化处理，也可以解决问题。