怎么在vue中監(jiān)聽(tīng)窗口關(guān)閉和窗口刷新事件

發(fā)布時(shí)間：2021-05-20 16:12:32 來(lái)源：億速云閱讀：712 作者：Leah 欄目：web開(kāi)發(fā)

這期內(nèi)容當(dāng)中小編將會(huì)給大家?guī)?lái)有關(guān)怎么在vue中監(jiān)聽(tīng)窗口關(guān)閉和窗口刷新事件，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

1、使用window.onunload之類的API

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

2、在生命周期鉤子中注冊(cè)監(jiān)聽(tīng)事件

methods: {
 beforeunloadHandler (e) {
 // ...
 }
}

在 mounted 鉤子中注冊(cè)事件

mounted() {
 window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
}

在 destroyed 鉤子卸載事件

destroyed() {
 window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
}

上述就是小編為大家分享的怎么在vue中監(jiān)聽(tīng)窗口關(guān)閉和窗口刷新事件了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

怎么在vue中監(jiān)聽(tīng)窗口關(guān)閉和窗口刷新事件

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽