Vue监听浏览器刷新，无法弹框

Question

Vue监听浏览器刷新，无法弹框，代码如下
mounted() {
window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
}
destroyed() {
window.removeEventListener('beforeunload', e => this.beforeunloadHandler(e))
}
methods: {
beforeunloadHandler (e) {
confirm('是否离开')
}
}

Answer 1

confirm和alert在该事件中不会执行的，见https://developer.mozilla.org...

从2011年5月25日起, HTML5 规范 声明:在该事件的处理函数中调用下列弹窗相关的方法时,可以忽略不执行,window.showModalDialog(), window.alert(), window.confirm() window.prompt().

Answer 2

window.onbeforeunload = () => { this.beforeunloadHandler(e) }
// e从哪来的？ 没用删了