更改路由 Vuejs 时的 removeEventListener

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);
},