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进行截取即可解决
相关推荐
Lisonseekpan1 小时前
Guava Cache 高性能本地缓存库详解与使用案例
java·spring boot·后端·缓存·guava
我真的是大笨蛋2 小时前
Redis的String详解
java·数据库·spring boot·redis·spring·缓存
低调小一3 小时前
LRU缓存科普与实现(Kotlin 与 Swift)
开发语言·缓存·kotlin
伐尘6 小时前
【计算机】常见的缓存和查看方法
缓存·电脑·笔记本
我梦之66 小时前
libevent输出缓存区的数据
服务器·网络·c++·缓存
兜兜风d'8 小时前
redis字符串命令
数据库·redis·缓存
棋子一名9 小时前
跑马灯组件 Vue2/Vue3/uni-app/微信小程序
微信小程序·小程序·uni-app·vue·js
野犬寒鸦10 小时前
从零起步学习Redis || 第十二章:Redis Cluster集群如何解决Redis单机模式的性能瓶颈及高可用分布式部署方案详解
java·数据库·redis·后端·缓存
苏打水com11 小时前
前端框架深度解析:Vue.js 3 从 Composition API 到生态升级,解锁企业级开发新能力
vue
悟能不能悟20 小时前
redis的红锁
数据库·redis·缓存