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进行截取即可解决
相关推荐
码界奇点2 小时前
基于Vue3与TypeScript的后台管理系统设计与实现
前端·javascript·typescript·vue·毕业设计·源代码管理
Full Stack Developme3 小时前
Redis 可以实现哪些业务功能
数据库·redis·缓存
想摆烂的不会研究的研究生5 小时前
每日八股——Redis(2)
数据库·redis·缓存
optimistic_chen5 小时前
【Redis系列】主从复制
linux·数据库·redis·缓存·中间件·命令行·主从复制
callJJ5 小时前
MCP配置与实战:深入理解现代开发工具链
javascript·node.js·vue·mcp·windsurf
橘子真甜~6 小时前
Reids命令原理与应用4 - Redis 持久化和主从同步
linux·数据库·redis·缓存·持久化
shejizuopin7 小时前
基于JavaSSM+MySQL的实验室考勤管理系统设计与实现
java·mysql·vue·毕业设计·论文·springboot·实验室考勤管理系统设计与实现
青云交8 小时前
Java 大视界 -- 基于 Java+Redis Cluster 构建分布式缓存系统:实战与一致性保障(444)
java·redis·缓存·缓存穿透·分布式缓存·一致性保障·java+redis clus
三不原则8 小时前
故障案例:模型推理响应慢,排查 Redis 缓存集群问题
数据库·redis·缓存
wsx_iot8 小时前
缓存问题相关
缓存