注意：區(qū)分不了瀏覽器是觸發(fā)了刷新還是關(guān)閉，而且提示的彈框是無法自定義的；如果有大佬有方法能區(qū)分，還請評論學習一下！感謝！

代碼可直接復制：

<template><div><div /></div> </template><script> export default {mounted () {window.addEventListener('beforeunload', this.beforeunloadHandler)/*這里需要注意一下，在vue里我們調(diào)用methods的方法經(jīng)常使用的是this.clickFun(),但是在這里不需要括號，這里不需要括號，這里不需要括號*/},destroyed () {// 銷毀監(jiān)聽事件window.removeEventListener('beforeunload', this.beforeunloadHandler)},methods: {beforeunloadHandler (e) {console.log(e, '刷新或關(guān)閉會觸發(fā) 但不知道是屬于刷新還是關(guān)閉')e = e || window.event// 兼容IE8和Firefox 4之前的版本if (e) {e.returnValue = '關(guān)閉提示'}// Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+return '關(guān)閉提示'}} } </script><style> </style>

總結(jié)

以上是生活随笔為你收集整理的vue监听浏览器刷新和关闭；的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。