本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下:效果如下图正常 js 页面处理方式
window.onbeforeunload = function (e) {
e = e || window.event;
// 兼容IE8和Firefox 4之前的版本
if (e) {

e.returnValue = '关闭提示';
}
// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
return '关闭提示';
};
window.onbeforeunload = function (e) {
e = e || window.event;
// 兼容IE8和Firefox 4之前的版本
if (e) {

e.returnValue = '关闭提示';
}
// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
return '关闭提示';
}; vue 中处理方式
let _this = this

window.onbeforeunload = function (e) {

if (_this.$route.name == "dyyPerformanceCenterSale") {

e = e || window.event;

// 兼容IE8和Firefox 4之前的版本

if (e) {

e.returnValue = '关闭提示1111';

}

// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+

return '关闭提示222';

} else {

window.onbeforeunload = null

}

};
let _this = this

window.onbeforeunload = function (e) {

if (_this.$route.name == "dyyPerformanceCenterSale") {

e = e || window.event;

// 兼容IE8和Firefox 4之前的版本

if (e) {

e.returnValue = '关闭提示1111';

}

// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+

return '关闭提示222';

} else {

window.onbeforeunload = null

}

};针对很多同学说的没有实现 ,我这里在详细描述一下 方法写在 mounted里面 ,然后 记得把route name替换成自己当前页面的