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进行截取即可解决
相关推荐
ai_coder_ai3 小时前
分布式缓存架构设计与实践
分布式·缓存
Wiktok6 小时前
Vue3(Vite)打包安卓APP 完整最佳实践
android·vue
Wang's Blog8 小时前
AI Agent白手起家23: 大模型速率限制应对与缓存机制实践
人工智能·缓存
网教盟人才服务平台9 小时前
Redis Key集中过期引发的流量雪崩实战解析
数据库·redis·缓存
Ivan CloudBay10 小时前
网站为什么会使用缓存?
服务器·网络·缓存·云服务器
sugar__salt10 小时前
Vue3 自定义指令与插槽(Slot)技术详解
前端·javascript·vue.js·前端框架·vue
_oP_i10 小时前
Another Redis Desktop Manager更新
数据库·redis·缓存
CryptoPP13 小时前
韩国股市数据源对接实战:从KOSPI到KOSDAQ的实时行情接入方案
数据库·redis·缓存·金融·区块链
敲个大西瓜1 天前
Redis一百道核心面试题
数据库·redis·缓存
西门啐血1 天前
Vue 缓存之坑,变量赋值方式和响应式数据
前端·vue.js·缓存