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进行截取即可解决
相关推荐
攻心的子乐3 小时前
redis 使用Pipelined 管道命令批量操作 减少网络操作次数
数据库·redis·缓存
Channon_3 小时前
专题四:内存战场的无声战役——压缩、共享与空间复用
缓存·嵌入式·空间复用
MoonBit月兔4 小时前
用 MoonBit 打造的 Luna UI:日本开发者 mizchi 的 Web Components 实践
前端·数据库·mysql·ui·缓存·wasm·moonbit
高新打工人5 小时前
关于CPU的介绍(二)----DTLB(数据转址旁路缓存)
缓存·cpu·dtlb
Irene19916 小时前
实用篇:vsCode 中连接 WSL 并快速开始一个 Vue3 新项目
git·vscode·vue·wsl
丸子哥哥6 小时前
vue + uni-app:利用原生uni.chooseImage封装拍照功能的组件
微信小程序·uni-app·vue
天天向上vir7 小时前
防抖与节流
前端·typescript·vue
@AfeiyuO7 小时前
Vue3 饼图定制图
vue·echarts
Yu_iChan8 小时前
苍穹外卖Day6 缓存菜品与缓存套餐功能
redis·缓存
千寻技术帮20 小时前
10422_基于Springboot的教务管理系统
java·spring boot·后端·vue·教务管理