vue 退出页面显示确认弹窗主要使用 beforeRouteLeave 实现
话不多数,直接上代码
beforeRouteLeave(to, from, next) {
console.log(1213);
if (!this.quitFlag && to.name === 'index') {
this.quitFlag = true; // 弹窗显示
next(false); // 阻止下一步跳转,搭配return 使用,否则不生效
return false;
} else {
next();
}
// next();
},
就是酱紫啦~