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进行截取即可解决
相关推荐
勇往直前plus8 小时前
Vue3(篇四)单页面应用到路由管理
javascript·typescript·前端框架·vue
難釋懷8 小时前
Nginx内存缓存
nginx·缓存·junit
飞翔的馒9 小时前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
数据库·缓存
勇往直前plus9 小时前
Vue3(篇三) Element Plus
前端·javascript·typescript·vue
怪兽学LLM11 小时前
AI 应用中的高并发处理:从限流、异步到缓存与队列
人工智能·缓存
喜欢的名字被抢了14 小时前
长会话状态治理:当Redis失忆后,系统如何自己找回忆
数据库·redis·缓存
Alan_6911 天前
商品详情优化三板斧-拆分-多级缓存-GC调参
后端·缓存
難釋懷1 天前
Nginx-proxy缓存断点续传缓存 range
运维·nginx·缓存
杨运交1 天前
[053][核心模块]Java枚举缓存与ORM集成实践
java·开发语言·缓存
liulilittle1 天前
LLM推理中的KV缓存与跨请求前缀复用:机制、条件与提示词
缓存·ai·llm