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() ); },