el-table滚动加载数据

load(e){
    let selectWrap = document.querySelector(`#multipleTable  .el-table__body-wrapper`)
    let {scrollHeight, scrollTop, clientHeight} = selectWrap
    if(scrollHeight == scrollTop + clientHeight){
        if(this.pageParams.total > this.tableListData.length){
            this.pageParams.pageNo = this.pageParams.pageNo? Number(this.pageParams.pageNo) + 1: 1
            this.getData()
                    }
                }
},
getData(){
  xxx.then(res => {
    if (res.data.current == 1) {
      this.tableListData = data;
    } else {
      this.tableListData = this.tableListData.concat(data);
    }
  })
}
mounted() {
          this.nextTick(() => {
                if(document.querySelector(`#multipleTable .el-table__body-wrapper`)){
                    let selectWrapAll = document.querySelectorAll(`#multipleTable  .el-table__body-wrapper`)
                    let selectWrap = selectWrapAll[selectWrapAll.length -1]
                    selectWrap.addEventListener('scroll', this.load)
                }
    });
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容