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进行截取即可解决
相关推荐
2601_962301013 小时前
缓存知识点总结
缓存·知识点·总结·后端开发·面试复习
尾善爱看海5 小时前
Vue 面试进阶篇:Composition API、插槽、自定义指令……8 个章节 + 高频面试题全解析
前端·javascript·vue.js·面试·vue
莫得感情 o7 小时前
Redis 10 · 集群:16384槽、扩缩容与请求路由
redis·缓存
泡海椒7 小时前
JQuick-java (JQuick-ASM)性能优化原理:字节码生成与缓存机制深度解析
java·缓存·性能优化
莫得感情 o7 小时前
Redis 11 · 缓存问题:穿透、击穿与雪崩
redis·缓存
明耀7 小时前
vue chart 强行刷新高度,宽度
vue
kiss strong8 小时前
redis服务器登录(内网环境,无法使用客户端)
数据库·redis·缓存
YWL19 小时前
OpenLayers弹窗Overlay深度实战
前端·vue·openlayers
YWL20 小时前
OpenLayers+ECharts联动:地图点击联动图表,数据可视化大屏方案
前端·信息可视化·vue·echarts·openlayers
来让爷抱一个21 小时前
2026 语义缓存实战:把命中契约写进SPEC,MonkeyCode 云端跑通
人工智能·机器学习·缓存