通常用的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)
},