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进行截取即可解决
相关推荐
Shi_haoliu3 小时前
SolidTime 在 Rocky Linux 9.5 上的完整部署流程
linux·运维·nginx·postgresql·vue·php·laravel
難釋懷11 小时前
Redis 通用命令
数据库·redis·缓存
2401_zq136y0312 小时前
Flutter for OpenHarmony:从零搭建今日资讯App(二十七)图片缓存的完整方案
flutter·缓存
2401_8582861112 小时前
从Redis 8.4.0源码看快速排序(1) 宏函数min和swapcode
c语言·数据库·redis·缓存·快速排序·宏函数
Codeking__13 小时前
Redis——事务
数据库·redis·缓存
Codeking__14 小时前
Redis——认识持久化、RDB、AOF
数据库·redis·缓存
Mast Sail14 小时前
WebStrom+Vitesse+Vue3项目路径报错爆红问题
vue·vite·webstorm
什么都不会的Tristan15 小时前
redis-原理篇-QuickList
数据库·redis·缓存
yuankunliu15 小时前
【redis】2、Redis的Value的常见数据类型以及使用场景
redis·缓存
想摆烂的不会研究的研究生16 小时前
MySQL海量数据深分页优化
数据库·redis·后端·mysql·缓存