使用vue做后台管理系统,需求是所有的菜单打开之后,下次点击的时候的使用缓存,这里很简单的做法就是用来包裹住;但是一级菜单和二级菜单都没有问题,三级菜单就会出现无法缓存的问题,网上找资料说是vue中keep-alive本身存在的缺陷,需要在路由守卫中将matched属性做一下优化,具体如下
// 处理keep-alive三级页面不缓存 if (to.matched && to.matched.length > 2) { to.matched.splice(1,to.matched.length -2 ) next() }
在beforeEach路由钩子中加一下这个判断就行了,亲测有效
标签:vue,alive,keep,缓存,组件,菜单,matched From: https://www.cnblogs.com/hpx2020/p/17386058.html