更改路由 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); },