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

[TOC]

  • 在线示例: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);

局部引入


完整实例






更多扩展组件:
el-select-tree

你可能感兴趣的:(element-ui 的 el-table 上使用无限滚动加载(与自带的 infinite-scroll 结合))