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进行截取即可解决
相关推荐
qq_12084093711 小时前
Three.js 模型加载与线上稳定性实战:路径、跨域、缓存与降级全链路指南
开发语言·javascript·缓存·vue3
程序员雷欧1 小时前
Redis进阶知识全解析:高可用部署与数据一致性实战
数据库·redis·缓存
Wy_编程1 小时前
Redis 安装与环境测试
数据库·redis·缓存
克莱因35810 小时前
思科 Cisco 标准ACL
网络·路由
juniperhan21 小时前
Flink 系列第10篇:Flink 分布式缓存详解
分布式·缓存·flink
SPC的存折21 小时前
自用LNMP-Redis-NFS-Discuz5.0部署指南-脚本版
linux·运维·服务器·数据库·redis·mysql·缓存
杰克尼1 天前
redis(day05-分布式缓存)
数据库·redis·缓存
李昊哲小课1 天前
安装 npm/pnpm/yarn 换国内镜像 统一目录管理全局包+缓存
前端·缓存·npm·pnpm·yarn
DazedMen1 天前
前端自定义接口返回,想咋玩就咋玩
前端·vue·接口拦截
蒸汽求职1 天前
告别静态文档:利用 Notion 搭建“交互式”简历的降维展示策略
开发语言·缓存·面试·职场和发展·金融·notion