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进行截取即可解决
相关推荐
Nil2081 小时前
leetcode 146LRU缓存
算法·leetcode·缓存
mmsx2 小时前
置灰按钮为什么自己又“亮“了?一次状态缓存“双写冲突“的排查记录
java·缓存·bug·livedata
音符犹如代码2 小时前
Varnish Cache 实战:反向代理缓存原理与 VCL 配置
java·spring·缓存
liangshanbo12153 小时前
前端工程化面试题:打包文件名Hash与浏览器缓存机制
前端·缓存·哈希算法
添砖java‘’20 小时前
Redis中常用数据结构
数据库·redis·缓存
常宇佳1 天前
vue3 @代指src路径设置
前端·typescript·vue
番茄炒鸡蛋加糖1 天前
SpringBoot 核心原理 + Spring 事务 + 缓存
spring boot·spring·缓存
玛丽莲茼蒿1 天前
Redis(六)—— Redis高级
数据库·redis·缓存
Wang's Blog1 天前
PostgreSQL笔记27: 双缓存架构下的内存管理与性能观测实践
笔记·缓存·postgresql