在更改路由Vuejs时删除EventListener

Question

当我装载页面时，我会添加一个eventListner，如果用户想更改路由，我会将其删除。但在我的情况下，在我更改路线后，该事件仍然可用，如果我关闭选项卡，我仍然会收到警报。

mounted: function () {
window.addEventListener("beforeunload", this.detectTabClose);
},
beforeRouteLeave(to, from, next) {
//gets here and the route is changed, but this event is not removed
window.removeEventListener("beforeunload", this.detectTabClose, true);
next();
},
detectTabClose(e) {
var confirmationMessage = "o/";
(e || window.event).returnValue = confirmationMessage;
return confirmationMessage;
},

Answer 1

您可以删除beforeDestroy挂钩上的事件侦听器

beforeDestroy() {
window.removeEventListener("beforeunload", this.detectTabClose);
},