當我們在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);
}