el-table无缝滚动

以下是el-table实现无缝滚动的方法：

1. 在el-table上添加v-myscroll指令，并设置表格高度为固定值，例如750px。

<el-table v-myscroll :data="tableData" :height="750">
  <!-- 表格列定义 -->
</el-table>

2. 在Vue实例中定义v-myscroll指令，并在bind和update钩子函数中实现表格的滚动。

Vue.directive('myscroll', {
  bind: function(el, binding) {
    let tableWrapper = el.querySelector('.el-table__body-wrapper')
    tableWrapper.addEventListener('scroll', function() {
      let scrollDistance = this.scrollHeight - this.scrollTop - this.clientHeight
      if (scrollDistance <= 0) {
        binding.value()
      }
    })
  },
  update: function(el, binding) {
    let tableWrapper = el.querySelector('.el-table__body-wrapper')
    tableWrapper.removeEventListener('scroll', function() {})
    tableWrapper.addEventListener('scroll', function() {
      let scrollDistance = this.scrollHeight - this.scrollTop - this.clientHeight
      if (scrollDistance <= 0) {
        binding.value()
      }
    })
  }
})

3. 在Vue实例中定义一个方法，用于在表格滚动到底部时加载更多数据。

methods: {
  loadMoreData: function() {
    // 加载更多数据的逻辑
  }
}

4. 在el-table上绑定v-myscroll指令，并将loadMoreData方法作为参数传入。

<el-table v-myscroll="loadMoreData" :data="tableData" :height="750">
  <!-- 表格列定义 -->
</el-table>