Vue监听浏览器刷新或关闭
一:使用window对象的onbeforeunload方法
mounted () {
window.onbeforeunload = function (e) {
var message = 'some word';
e = e || window.event;
if (e) {
e.returnValue = message;
}
return "浏览器关闭!";
};
}
注意!在旧版浏览器中可以自定义提示文案,既是return
后面返回的参数
但在新版的浏览中,已经不支持自定义弹窗。只能调用浏览器自带的提示确认窗格。
不需要出现弹窗的话,只要return
后边不带任何参数即可;
二:使用window.addEventListener
methods:{
// 监听浏览器是否关闭
browerStatus(){
var that = this;
console.log("浏览器刷新 || 关闭了");
}
},
mounted () {
var that = this;
// 监听浏览器是否关闭
window.addEventListener( "beforeunload", e => that.browerStatus() );
},