增加分页组件

package.json

@@ -18,6 +18,7 @@
     "core-js": "3.6.5",
     "crypto-js": "^4.1.1",
     "echarts": "^5.2.0",
+    "el-table-infinite-scroll": "^1.0.11",
     "element-ui": "^2.15.6",
     "js-cookie": "2.2.0",
     "lodash": "^4.17.21",

src/components/Table/index.vue

@@ -6,7 +6,7 @@
       </div>
       <template v-if="tableData.length">
         <div>
-          <el-table :data="filteredTableData" :summary-method="getSummaries" :span-method="tableSpanMethod" stripe :show-summary="showSummary" border ref="table" :height="tableHeight ? tableHeight : (minHeight - 8 + 'vh')" class="table infinite-list" style="width: 100%; overflow: auto" @select="selectHandler">
+          <el-table  v-el-table-infinite-scroll="load" :data="filteredTableData" :summary-method="getSummaries" :span-method="tableSpanMethod" stripe :show-summary="showSummary" border ref="table" :height="tableHeight ? tableHeight : (minHeight - 8 + 'vh')" class="table infinite-list" style="width: 100%; overflow: auto" @select="selectHandler">
             <el-table-column
               v-if="selectionEnable"
               type="selection"
@@ -291,7 +291,7 @@ export default {
   },
   methods: {
     load(){
-      // alert(1)
+      console.log('分页')
     },
     changeSelect(data){
         this.tableForm[this.tableOptions[data][0].setvalue] = this.tableForm[data];

src/main.js

@@ -23,7 +23,9 @@ import Vue2OrgTree from 'vue2-org-tree'
 import 'vue2-org-tree/dist/style.css'
 Vue.use(Vue2OrgTree)
 Vue.use(ElementUI)
+import elTableInfiniteScroll from 'el-table-infinite-scroll';
 
+Vue.use(elTableInfiniteScroll)
 Vue.directive('loadmore', {
   bind(el, binding) {
     if (!binding.value) {