el-table 添加上拉加载更多

1、获取当前el-table，通常加个ref  ref="scrolltable"

2、添加滚动事件 @scroll="handleScroll"

3、el-table 滚动原理就是给class='el-table__body-wrapper'的div添加了 样式 overflow-y: auto

4、找到class='el-table__body-wrapper'的div 添加滚动监听事件

const bodyWrapper = this.$refs.scrolltable.$el.querySelector(

'.el-table__body-wrapper'

);

let that = this;

b.addEventListener('scroll', function () {

that.handleScroll();

});

5、处理滚动事件，判断是否上拉滚动到底部了

const { scrollTop, scrollHeight, clientHeight } = bodyWrapper;

if (scrollHeight <= scrollTop + clientHeight + 3) {

if (this.tableLoading) {

return;

}

this.loadMore();

}