vue 页面保留缓存和清除缓存
路由:routes:[{path:'/page1',name:page1',component:page1',meta:{keepAlive:true//true是保存缓存,false是不保存}},{path:'/page2',name:page2',component:...
路由:
routes: [{
path: '/page1',
name: page1',
component: page1',
meta:{
keepAlive:true //true是保存缓存,false是不保存
}
},{
path: '/page2',
name: page2',
component: page2',
meta:{
keepAlive:true
}
}]
页面js:
/**
* 判断是否要清除缓存,beforeRouteLeave与methods等平级
*/
beforeRouteLeave(to, from, next) { //参数(马上去的页面,现在的页面,跳转)
if(判断条件){
to.meta.keepAlive = false //将要去的那个页面的缓存清空
}else{
to.meta.keepAlive = true //将要去的那个页面的缓存保留
}
next();
},
更多推荐
所有评论(0)