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进行截取即可解决
相关推荐
码农水水10 小时前
中国邮政Java面试:热点Key的探测和本地缓存方案
java·开发语言·windows·缓存·面试·职场和发展·kafka
luming-0215 小时前
报错解决:IDEA终端输出和CMD终端输出Maven版本不一致
java·缓存·bug·intellij-idea
minhuan15 小时前
大模型应用:大模型数据缓存复用方案:从API请求数据累积到智能融合.50
缓存·api调用·大模型应用·大模型数据缓存复用
椰果uu16 小时前
vue-virtual-scroller-虚拟滚动列表:渲染不定高度长列表+可控跳转
前端·javascript·typescript·vue
QQ_43766431417 小时前
redis相关命令讲解及原理
数据库·redis·缓存
小和尚敲木头18 小时前
记录一次vue3中this引发的开发没有问题,生产发生问题的分析
前端·vue
yuankunliu18 小时前
【redis】1、Redis的安装部署
数据库·redis·缓存
橘橙黄又青18 小时前
redis复习篇(1)
数据库·redis·缓存
PieroPc20 小时前
用FastAPI 后端 和 Vue3 前端写一个博客系统 例
前端·vue·fastapi
最贪吃的虎20 小时前
Redis其实并不是线程安全的
java·开发语言·数据库·redis·后端·缓存·lua