vue+element 页面scroll监听

通常用的window.addEventListener 在VUE的页面中不太友好

可以灵活指定标签

1、监听事件,放在mounted中,其中handleScroll为操作事件,

mounted() { 

      document.querySelector(".main_zone").addEventListener("scroll",this.handleScroll);      // 监听页面scroll事件   

 },

2、处理文件放在methods

methods:{

    handleScroll(){  

            let sT = document.querySelector(".main_zone").scrollTop; 

            //  所有操作在这呵。。。。

     },

}

3、事件销毁一定要加,放在destroyed,不然scroll会报错的

destroyed() {

        document.querySelector(".main_zone").removeEventListener('scroll', this.resizeWin)

},

你可能感兴趣的:(vue+element 页面scroll监听)