element-ui 的 el-table 上使用无限滚动加载（与自带的 infinite-scroll 结合）

• 在线示例：https://yujinpan.github.io/el-table-infinite-scroll/
• 实现原理：https://github.com/yujinpan/el-table-infinite-scroll/blob/master/src/directives/table-infinite-scroll.js

简介

此指令依赖于 element-ui，使用前请熟悉：

• element-ui 表格
• element-ui 无限滚动指令

使用

安装

npm install --save el-table-infinite-scroll

全局引入

import Vue from 'vue';
import elTableInfiniteScroll from 'el-table-infinite-scroll';

Vue.use(elTableInfiniteScroll);

局部引入

<script>
import elTableInfiniteScroll from 'el-table-infinite-scroll';
export default {
    
  directives: {
    
    'el-table-infinite-scroll': elTableInfiniteScroll
  }
}
</script>

完整实例