el-table滚动加载数据

  • 为 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”。

  ......

  • 在methods中定义触发的事件。
loadMore(){
  console.log('el-table 已经滚到底部')
  // do something
}

你可能感兴趣的:(el-table滚动加载数据)