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进行截取即可解决
相关推荐
zjeweler1 小时前
redis tools gui ---Redis图形化漏洞利用工具
数据库·redis·web安全·缓存
武子康2 小时前
Java-192 深入拆解 EVCache 内部原理:Memcached 架构、Slab 分配与 LRU 过期机制全解析
数据库·redis·缓存·架构·memcached·guava·evcache
苏打水com2 小时前
第十篇:Day28-30 工程化优化与部署——从“能跑”到“好用”(对标职场“项目上线”需求)
前端·css·vue·html·js
武哥聊编程4 小时前
【从0带做】基于Springboot3+Vue3的生态养殖管理系统
java·学习·vue·毕业设计·springboot
李白你好4 小时前
Redis 漏洞图形化利用工具
数据库·redis·缓存
赵庆明老师4 小时前
用缓存功能解决.NET程序访问数据库的性能问题
数据库·缓存·.net
原神启动14 小时前
Redis数据库(一)——Redis是什么,安装与部署+常用命令
数据库·redis·缓存
代码or搬砖4 小时前
Redis下载以及Redis常用命令
数据库·redis·缓存
棋啊_Rachel4 小时前
面试高频详解:Redis 缓存击穿、雪崩、穿透
redis·缓存·面试
一字白首5 小时前
Vue 项目实战,从组件缓存到 Vant UI 集成:项目初始化全流程
vue.js·ui·缓存