当需要组件模块化来渲染一个页面时,如果要监听当前组件的scroll事件,使用window.addEventListener('srcoll')是无效的,
所以对当前组件采用监听滚动事件。
如给当前div ref来获取当前的dom元素,
<div class="bd" ref="viewBox"></div>
在mounted中,监听当前的滚动事件,然后进行相应的操作
this.$nextTick(function() {
// 监听当前组件的滚动事件
this.box = this.$refs.viewBox;
this.box.addEventListener('scroll', ()=> {
if(this.$refs.viewBox.scrollTop > 0) { //显示下拉loading,展示更多数据
this.handleScroll();
}
},false)
});