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进行截取即可解决
相关推荐
钛态3 小时前
前端安全防线:CSRF 攻击链路与双重 Token 校验的工程实现
前端·vue·react·web
辞旧 lekkk4 小时前
【Redis初阶】常见数据类型
开发语言·数据库·c++·redis·学习·缓存·bootstrap
吴声子夜歌4 小时前
Redis 3.x——集群节点通信
redis·缓存·集群
zhz52147 小时前
GIS项目中空间参考转换与MBTiles偏移:问题成因、解法与避坑
python·vue·gis
钛态10 小时前
AI 组件生成评测:别只看页面能不能渲染
前端·vue·react·web
子非鱼942711 小时前
07-Flutter 鸿蒙实战 07:故事集列表与缓存设计
学习·flutter·缓存·华为·harmonyos
数行拙笔13 小时前
Redis---list类型
数据库·redis·缓存
fīɡЙtīиɡ ℡16 小时前
本地进程缓存
缓存
数行拙笔16 小时前
Redis---set类型
数据库·redis·缓存
tellmewhoisi1 天前
多版本共用redis的token有效期校验(过期重新登录)
java·redis·缓存