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进行截取即可解决
相关推荐
半生过往2 小时前
Vue i18n 国际化全套适配实战:一步一步从零到工程化落地
vue·il8n
吉甫作诵3 小时前
Redis 常用命令大全:11 大类命令速查手册
运维·数据库·redis·缓存·nosql
hweiyu004 小时前
Redis命令:MGET
redis·缓存
墨天梦6 小时前
07-KVCache与缓存友好架构
缓存·架构
志尊宝8 小时前
Vue3 零基础每日笔记(035):什么是 Composables——mixin 之死与逻辑复用新方案
笔记·vue·html·前端开发·软件开发
志尊宝10 小时前
Vue3 零基础每日笔记(030):动态组件与 keep-alive——切换组件与页面缓存
笔记·vue·html·前端开发·软件开发
志尊宝11 小时前
Vue3 零基础每日笔记(029):插槽 slot 三连——默认、具名、作用域一次讲透
前端·javascript·vue.js·vue·前端开发
尾善爱看海21 小时前
Vue 面试收官篇:SSR、性能优化落地、30 道高频面试题精讲(附标准答案)
前端·javascript·vue.js·面试·vue
wdfk_prog1 天前
ROS教程:01 搭建 ROS1 Noetic Docker 开发环境
运维·缓存·docker·容器·ros
wdfk_prog1 天前
ros教程02:创建 catkin Workspace、Package 与第一个 ROS1 C++ Node
运维·缓存·docker·容器·ros