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进行截取即可解决
相关推荐
AI3D_WebEngineer11 小时前
企业级业务平台项目设计、架构、业务全解之组件库篇
前端·javascript·vue
tuokuac14 小时前
ps -ef | grep redis
数据库·redis·缓存
⑩-14 小时前
如何保证Redis和Mysql数据缓存一致性?
java·数据库·redis·mysql·spring·缓存·java-ee
刘一说16 小时前
深入理解 Spring Boot 中的 Redis 缓存集成:从基础配置到高可用实践
spring boot·redis·缓存
JJCar16 小时前
【Cache缓存】分配策略
缓存·cache·多核数据一致性
木子李BLOG16 小时前
vue.js设计与实现(待续)
vue
苦学编程的谢19 小时前
Redis_6_String
数据库·redis·缓存
墨染点香21 小时前
LeetCode 刷题【146. LRU 缓存】
leetcode·缓存·哈希算法
JanelSirry21 小时前
真实场景:防止缓存穿透 —— 使用 Redisson 布隆过滤器
数据库·mysql·缓存·redisson·布隆过滤器
埃泽漫笔21 小时前
Redis单线程还是多线程?
数据库·redis·缓存