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进行截取即可解决
相关推荐
he___H5 小时前
Redis高级数据类型
数据库·redis·缓存
经年未远6 小时前
vue3中实现耳机和扬声器切换方案
javascript·学习·vue
惊讶的猫7 小时前
Redis双写一致性
数据库·redis·缓存
老虎06278 小时前
Redis入门,配置,常见面试题总结
数据库·redis·缓存
J&Lu8 小时前
[DDD大营销-Redis]
数据库·redis·缓存
RichardLau_Cx11 小时前
【保姆级实操】MediaPipe SDK/API 前端项目接入指南(Web版,可直接复制代码)
前端·vue·react·webassembly·mediapipe·手部追踪·前端计算机视觉
陌上丨11 小时前
如何保证Redis缓存和数据库数据的一致性?
数据库·redis·缓存
晓131312 小时前
第八章:Redis底层原理深度详细解析
数据库·redis·缓存
fengxin_rou14 小时前
Redis从零到精通第二篇:redis常见的命令
数据库·redis·缓存
Irene199115 小时前
Vue3 规范推荐的 <script setup> 中书写顺序(附:如何响应路由参数变化)
vue.js·路由