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);

局部引入


组件中使用






你可能感兴趣的:(vue,element-ui,el-table,infinite-scroll,Developer)