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进行截取即可解决
相关推荐
范什么特西1 小时前
知识总结04(redis)
数据库·redis·缓存
無a伟12 小时前
redis缓存完整详解
数据库·redis·缓存
敲上瘾21 小时前
redis常用数据类型与操作方法
数据结构·数据库·redis·缓存
翼龙云_cloud21 小时前
阿里云国际代理商:Redis缓存实例配置和性能优化 从参数调优到持久化
运维·redis·阿里云·缓存·云计算
way_hj1 天前
Flask笔记(2)快速web项目
笔记·flask·vue·web
FungLeo1 天前
Flutter 带 TTL 的多级缓存设计:内存+磁盘+网络三层实战
网络·flutter·缓存·性能优化
Sterting1 天前
第 9 节:本地存储 — 数据不丢的前端缓存
前端·javascript·缓存
sugar__salt2 天前
跟着 Demo 学 Pinia:两种仓库写法 + 完整 TodoList 复现
前端·javascript·vue.js·前端框架·vue
弹简特2 天前
【Vue3速成】09-Element Plus 核心组件实战与原理解析
vue·element-plus
ashiho2 天前
【Redis】原理篇 3w字详解
数据库·redis·缓存·bootstrap