vue keep-alive缓存页面切换后不触发created等用什么检测页面切换

2023-09-10 阅读 27 评论 0

摘要：首先是使用actived钩子函数,这个函数能够检测到keep-alive缓存的页面的切换 actived(){this,init(); } 其次如果是用router路由切换时时,如果没触发的actived,用beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave守卫钩子函数试试 // beforeRouteEnter 组件实例在这时还

首先是使用actived钩子函数,这个函数能够检测到keep-alive缓存的页面的切换

actived(){this,init();
}

其次如果是用router路由切换时时,如果没触发的actived,用beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave守卫钩子函数试试

// beforeRouteEnter 组件实例在这时还没被创建 就是this还没有 需要用vm代替(vm就是挂载前的this)
beforeRouteEnter (to, from, next) {if(to.query) {next(vm => {vm.xxxxx = to.query;vm.yyyyy= true;vm.zzzzz= true;});} else {next(vm => {vm.routeJudgment = true;});}},