vue 取消某个div的addEventListener("scroll")

Question

在Vue里面监听某个div的滚动条（大于200时nav变色，小于200时透明），然后当跳转到另一个路由再回来时，不起作用了。问题是我在离开当前路由时也注销监听，各位看代码，会的回复下，不会的帮忙问问，谢谢各位大佬了，急急急。或者有更好的实现方式更好，这个监听实在坑

mounted(){    //获取节点
    this.scrollDiv = document.getElementsByClassName('myNav')[0];    //绑定事件
    this.scrollDiv.addEventListener('scroll',this.scrollFunction,{ passive: false });
},
beforeRouteLeave(to, from, next){//离开路由前执行
        this.scrollDiv.removeEventListener('scroll',this.scrollFunction,{ passive: false });
        next();
    }

这代码哪里有问题，根本没效果

Answer 1

为啥不放在 beforeDestroy() 这个生命周期里试试看呢