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进行截取即可解决
相关推荐
就叫_这个吧6 小时前
Redis从基础命令到核心机制简单介绍
数据库·redis·缓存
脾气有点小暴14 小时前
ECharts 伪 3D 柱状图完整注释 + 实现原理说明
前端·3d·信息可视化·vue·echarts
sugar__salt14 小时前
Vue3 核心特性深度解析:v-model、ref 属性与 nextTick 完全指南
前端·javascript·vue.js·前端框架·vue
IT小盘19 小时前
09-使用Redis保存大模型多轮对话上下文
数据库·redis·缓存
ShiXZ2131 天前
Redis 常用指令全集:redis-cli 实战速查手册
数据库·redis·缓存
勇往直前plus2 天前
Vue3(篇四)单页面应用到路由管理
javascript·typescript·前端框架·vue
難釋懷2 天前
Nginx内存缓存
nginx·缓存·junit
飞翔的馒2 天前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
数据库·缓存
勇往直前plus2 天前
Vue3(篇三) Element Plus
前端·javascript·typescript·vue
怪兽学LLM2 天前
AI 应用中的高并发处理:从限流、异步到缓存与队列
人工智能·缓存