想要做el-table 表格的下拉刷新,怎么实现?

Question

有什么好的办法,目前尝试了el-table-infinite-scroll,不行,下完包引入以后,还要提示下其他相关的包,vue-composition.js等等;有没有其他可实现的插件吗?

已解决;
从npm上搜索el-table-infinite-scroll插件,选择相应版本,找到对应用法

import ElTableInfiniteScroll from "el-table-infinite-scroll";
Vue.directive("el-table-infinite-scroll", ElTableInfiniteScroll);

 <el-table
    ref="companyRef"
    :data="authList"
    height="360px"
    v-el-table-infinite-scroll="load" // 这里控制下拉刷新
    :infinite-scroll-disabled="disabled"  // 这里控制是否可刷新
    @selection-change="handleSelectionChange"
    header-cell-class-name="table-height"
    :row-key="getRowKeys"
    class="tableScroll"
  ></el-table>

  load() {
    if (this.disabled) return;  // 无数据时为true
    if ((this.params.page) * this.params.size < this.authTotal) {
        this.params.page += 1;
        this.$nextTick(() => {
            this.getAuthList(2);
        });
    } else {
        this.disabled = true;
    }
  },

Answer 1

本身PC端用下拉刷新就不合理，没必要纠结，直接来个刷新按钮点下刷新不好吗