当需要组件模块化来渲染一个页面时,如果要监听当前组件的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)
    });
Logo

前往低代码交流专区

更多推荐