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进行截取即可解决
相关推荐
一个处女座的程序猿O(∩_∩)O3 小时前
《深入探索Vben框架:使用经验与心得分享》
vue
qq_529835355 小时前
对计算机中缓存的理解和使用Redis作为缓存
数据库·redis·缓存
阿桢呀17 小时前
Redis实战篇《黑马点评》5
数据库·redis·缓存
01_17 小时前
力扣hot100——LRU缓存(面试高频考题)
leetcode·缓存·面试·lru
Kerwin要坚持日更18 小时前
一文讲解Redis中的主从复制
数据库·redis·缓存
Suk-god18 小时前
【Redis】基础知识入门
数据库·redis·缓存
Pro_er19 小时前
Vue3 性能优化十大技巧:打造高性能应用的终极指南
vue·前端开发
guihong0041 天前
Redis 深度解析:高性能缓存与分布式数据存储的核心利器
redis·分布式·缓存
qq_529835351 天前
Redis作为缓存和数据库的数据一致性问题
数据库·redis·缓存
江上清风山间明月1 天前
Flutter开发的应用页面非常多时如何高效管理路由
android·flutter·路由·页面管理·routes·ongenerateroute