keep-alive缓存,三级路由不生效

此文章讲诉在vue中使用keep-alive缓存,三级路由缓存失败处理方案。

一二级路由缓存无任何问题,三级以上就会失败,因此我们在路由守卫中对matched做出如下优化

javascript 复制代码
Router.beforeEach((to, from, next)=>{
	if(to.matched && to.matched.length>2){
		to.matched.splice(1,to.matched.length -2)
	}
	next()
})
在路由拦截中对matched进行截取即可解决
相关推荐
LB21123 小时前
Redis黑马点评 day01
数据库·redis·缓存
陶甜也6 小时前
ThreeJS曲线动画:打造炫酷3D路径运动
前端·vue·threejs
七夜zippoe10 小时前
压缩与缓存调优实战指南:从0到1根治性能瓶颈(三)
缓存·压缩·缓冲·多个场景
爬山算法10 小时前
Redis(78) 如何设置Redis的缓存失效策略?
数据库·redis·缓存
程语有云11 小时前
生产事故-Caffeine缓存误用之临下班的救赎
java·缓存·caffeine·阻塞·log·生产事故
shuair11 小时前
redis大key问题
数据库·redis·缓存
悟能不能悟13 小时前
缓存三剑客问题
缓存
曹天骄13 小时前
[特殊字符] 多环境 DCDN 缓存与 version 切换刷新方案
缓存
七夜zippoe13 小时前
压缩与缓存调优实战指南:从0到1根治性能瓶颈(二)
缓存·优化·压缩·底层原理
快乐非自愿14 小时前
Vue 缓存之坑,变量赋值方式和响应式数据
前端·vue.js·缓存