鼠标下拉滚动动态加载数据

html:
 <div class="left borderRadius8" @scroll="scrollLeft"></div>

data中：shouldGetData: true,
        total:0,
        this.tableData:[], //表格的数据源
        pageNum：1
        pageSize：50，

method:
 async scrollLeft(e) { // 向下滚动加载列表
      if (!this.shouldGetData) return
      if (e.target.scrollHeight - (e.target.scrollTop + e.target.clientHeight) <= 5) {
        this.pageSize += 50
        await this.getList() //列表接口
        this.shouldGetData = this.tableData.length !== this.total
      }
    },

以上操作，亲测可以~