vue 监听浏览器 关闭tab标签,并阻止关闭
时间: 2023-08-04 13:24:22 浏览: 222
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
5星 · 资源好评率100%
要监听浏览器关闭 Tab 标签事件并阻止关闭,可以使用 `beforeunload` 事件,与监听浏览器关闭窗口事件的方法类似。在 Vue 中,可以在 `mounted` 钩子函数中添加如下代码:
```javascript
mounted() {
window.addEventListener('beforeunload', this.handleBeforeUnload)
},
methods: {
handleBeforeUnload(event) {
event.preventDefault()
event.returnValue = ''
}
}
```
与监听浏览器关闭窗口事件不同的是,关闭 Tab 标签时会触发 `beforeunload` 事件,而不是 `unload` 事件。因此,在该方法中需要调用 `event.preventDefault()` 和 `event.returnValue = ''` 方法来阻止关闭 Tab 标签。
阅读全文