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进行截取即可解决
相关推荐
其美杰布-富贵-李13 小时前
Vue 3 模板语法速通:彻底理解 `:`、`@`、`#`、`v-if`、`v-for` 与 `v-model`
vue
深念Y15 小时前
CPA-Auto池方案总结
人工智能·ai·自动化·路由·代理·账号·轮询
范什么特西1 天前
回答知识总结04(redis)
数据库·redis·缓存
math_hongfan1 天前
鸿蒙离线数据缓存高级架构:弱网预加载/离线数据优先级/同步冲突解决/上线后数据合并策略
学习·缓存·华为·架构·harmonyos·鸿蒙
DsirNg1 天前
基于拓扑排序的画布自动布局:用最长上游路径决定节点列级
vue·流程图·拓扑排序·状态管理·有向图·自动布局·最长路径
海上小飞龙2 天前
Redis 持久化:RDB 与 AOF
数据库·redis·缓存
瑞码空间2 天前
Routing & API:前后端协作的本质与实现
前端·后端·接口·路由
math_hongfan2 天前
鸿蒙存储碎片高级清理机制:数据库Vacuum/文件碎片整理/缓存过期清理/主动空间回收策略
jvm·数据库·学习·缓存·华为·harmonyos·鸿蒙
范什么特西2 天前
知识总结04(redis)
数据库·redis·缓存
無a伟2 天前
redis缓存完整详解
数据库·redis·缓存