vue 组件监听鼠标滚动事件
当需要组件模块化来渲染一个页面时,如果要监听当前组件的scroll事件,使用window.addEventListener('srcoll')是无效的,所以对当前组件采用监听滚动事件。如给当前div ref来获取当前的dom元素,<div class="bd" ref="viewBox"></div>在mounted中,监听当前的滚动事件,然后进行相应的操...
·
当需要组件模块化来渲染一个页面时,如果要监听当前组件的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)
});
更多推荐
已为社区贡献3条内容
所有评论(0)