后端返回大量数据，且 需要做全选操作，使用虚拟滚动和懒加载都实现不了。无法选择中所有数据，自己做分页，传递所有数据

element-ui的el-table

<el-button :type="buttonTypes.search" @click="AllChange(tableData,1)">
     全部选择
</el-button>

<el-table
     ref="restLeft"
     :data="compontentList"
     style="width: 100%;"
     @selection-change="handleSelectionChange"
>
     <el-table-column type="selection" width="55" align="center">
     </el-table-column>
      ...
</el-table>

分页

<pagination
      :total="tableData.length"
      :page.sync="pageNum"
      :limit.sync="pageSize"
      @pagination="sliceList"
/>

js方法

// 数据分页
    sliceList() {
      let listData = this.tableData.slice(
          (this.pageNum - 1) * this.pageSize,
          this.pageNum * this.pageSize
      );
      this.compontentList = [];
      this.$set(this, "compontentList", listData);
      this.$nextTick(()=>{
        if(this.isAll){
          if (!this.selectingAll) {
            this.selectingAll = true;
            this.compontentList.forEach((row) => {
              this.$refs.restLeft.toggleRowSelection(row);
            });
            this.selectingAll = false;
          }
          this.AllChange(this.tableData,2)
        }
      })
    },

//全选按钮
AllChange(arrData,v) {
      if(v===1){
        if (!this.selectingAll) {
          this.selectingAll = true;
          this.compontentList.forEach((row) => {
            this.$refs.restLeft.toggleRowSelection(row);
          });
          this.selectingAll = false;
        }
        this.isAll ? this.pitchData = [] : this.pitchData = arrData;
        this.isAll ?  this.isAll = false : this.isAll = true;
      }else{
        this.pitchData = arrData;
        this.isAll = true;
      }
    },

// table选中
    handleSelectionChange(arrData) {
      this.pitchData = arrData;
    },

排产计划