自定义了一个全局的指令v-scroll的问题

Question

一开始路由req路由下正常，在切换到另一个po路由下，第一个req路由v-scroll又触发了，什么情况？

//自定义指令 scoll
Vue.directive('scroll', {
  bind: function (el, binding) {
    //定义指令
    window.addEventListener('scroll', function () {
      //document文档高度-（window的高度+卷上去的高度）
      if (parseInt(document.body.scrollHeight - (window.innerHeight + document.body.scrollTop)) <= 10) {
        var func = binding.value;
        func();
      }
    })
  }
});

两个组件下 v-scroll="GetMore"调用，GetMore写在各自的methods里的。
图片console.log的是GetMore里打印的信息

Answer 1

unbind 时，需要 removeEventListener