vue3使用 el-table-infinite-scroll

为了在Vue3中使用el-table-infinite-scroll，需要先安装el-table-infinite-scroll插件。可以使用npm或yarn进行安装。在终端中输入以下命令进行安装：

npm install el-table-infinite-scroll

或者

yarn add el-table-infinite-scroll

安装完成后，可以在Vue组件中使用el-table-infinite-scroll指令。在组件中引入el-table-infinite-scroll并将其注册为指令，然后将指令绑定到el-table上。例如：

<template>
  <el-table v-el-table-infinite-scroll="loadMore" :data="tableData">
    <!-- 表格列 -->
  </el-table>
</template>

<script>
import elTableInfiniteScroll from 'el-table-infinite-scroll';

export default {
  directives: {
    'el-table-infinite-scroll': elTableInfiniteScroll
  },
  data() {
    return {
      tableData: [],
      // ...
    };
  },
  methods: {
    loadMore() {
      // 加载更多数据
    }
  }
};
</script>

需要注意的是，将指令绑定到el-table上时，不要在指令后面加上括号，否则会导致无限循环至页面崩溃。正确的写法是：

<el-table v-el-table-infinite-scroll="loadMore">
  <!-- 表格列 -->
</el-table>