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进行截取即可解决
相关推荐
箫笙默7 小时前
Vue3基础笔记
笔记·vue·vue3
Codeking__8 小时前
Redis的value类型介绍——set
数据库·redis·缓存
Codeking__10 小时前
Redis的value类型介绍——list
数据库·redis·缓存
我科绝伦(Huanhuan Zhou)11 小时前
PostgreSQL存储管理核心技术解析:架构、页面模型与缓存机制
缓存·postgresql·架构
難釋懷11 小时前
Redis简单介绍
数据库·redis·缓存
ChineHe11 小时前
Redis数据类型篇003_详解Lists列表类型及其命令
数据库·redis·缓存
爱学英语的程序员11 小时前
让AI 帮我做了个个人博客(附提示词!)
人工智能·git·vue·github·node·个人博客
Codeking__12 小时前
Redis的value类型及编码方式介绍——string
数据库·redis·缓存
五仁火烧12 小时前
Vite和HTTP 服务器
服务器·网络协议·http·vue
奔跑的web.13 小时前
TypeScript 全面详解:对象类型的语法规则
开发语言·前端·javascript·typescript·vue