- 为 el-table 全局注册自定义指令，用来监听 el-table 滚动到底部时的事件，在main.js中注册
bind(el, binding) {
const selectWrap = el.querySelector('.el-table__body-wrapper');
selectWrap.addEventListener('scroll', function () {
if (this.scrollHeight - this.scrollTop <= this.clientHeight) {
binding.value();
}
}
})
- 给需要滚动加载的表格添加自定义事件，v-loadmore=”loadMore”。
<el-table ... v-load="loadMore" ...>
......
</el-table>
- 在methods中定义触发的事件。
loadMore(){
console.log('el-table 已经滚到底部')
// do something
}
