vue的scroll事件

当我们在vue里面去监听一个盒子的滚动事件时:

wrap.addEventListener('scroll',()=>{
  console.log('滚动中');
},false);
这样监听可以监听的到,但是当我们想要去取消这个事件的时候,去发现去除不掉,对此情况是我们调用的问题,解决方法如下:
methods:{
  scrollBar(){
    let scrollTop=this.wrap.scrollTop;//滚动出去的距离
    let height=this.wrap.scrollHeight;//盒子的滚动高度
  }
},
mounted(){
  this.wrap=document,querySelector('.wrap');
  this.wrap.addEventListener('scroll',this.arrayFoot);
},
destoryed(){  t
  this.wrap.removeEventListener('scroll',this.arrayFoot);
}

转载于:https://www.cnblogs.com/zzlove-1234/p/10313469.html

你可能感兴趣的:(vue的scroll事件)