vue 监听浏览器 关闭窗口,并阻止关闭窗口
时间: 2023-07-19 12:18:33 浏览: 359
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
要监听浏览器关闭窗口事件并阻止关闭窗口,可以使用 `beforeunload` 事件。在 Vue 中,可以在 `mounted` 钩子函数中添加如下代码:
```javascript
mounted() {
window.addEventListener('beforeunload', this.handleBeforeUnload)
},
methods: {
handleBeforeUnload(event) {
event.preventDefault()
event.returnValue = ''
}
}
```
这里的 `handleBeforeUnload` 方法会在浏览器关闭窗口前被调用,我们可以在这个方法中阻止浏览器关闭窗口,确保用户不会误操作关闭窗口。注意,在该方法中需要调用 `event.preventDefault()` 和 `event.returnValue = ''` 方法来阻止关闭窗口。
阅读全文