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

作者：小小林熬夜学编程 | 2024-03-05 21:40:27

踩

element-ui el-scrollbar配合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
1

全局引入

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

Vue.use(elTableInfiniteScroll);
1
2
3
4

局部引入

<script>
import elTableInfiniteScroll from 'el-table-infinite-scroll';
export default {
    
  directives: {
    
    'el-table-infinite-scroll': e1
2
3
4
5
6

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/193981