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