实现后的效果

el-scrollbar触底加载数据

先绑定ref
代码如下：

<el-scrollbar ref="scrollbar" v-loading="fullscreenLoading">
         <!--对于自定义指令v-loading，只需要绑定Boolean即可。默认状况下，Loading 遮罩会插入到绑定元素的子节点，通过添加body修饰符，可以使遮罩插入至 DOM 中的 body 上。-->
</el-scrollbar>

在mounted生命周期渲染方法

  mounted() {
    this.scrollbar(); //el-scrollbar触底事件
  },

最后写一个方法

    scrollbar() {
      this.$refs.scrollbar.handleScroll = () => {
        var wrap = this.$refs.scrollbar.wrap;
        this.$refs.scrollbar.moveY = (wrap.scrollTop * 100) / wrap.clientHeight;
        this.$refs.scrollbar.moveX = (wrap.scrollLeft * 100) / wrap.clientWidth;
        let poor = wrap.scrollHeight - wrap.clientHeight;
        if (
          poor == parseInt(wrap.scrollTop) ||
          poor == Math.ceil(wrap.scrollTop) ||
          poor == Math.floor(wrap.scrollTop)
        ) {
           console.log("已经触底了");
        }
      };
    },