含有复选框的表格显示与隐藏切换

    <el-table
      v-if="isShowTable"
      :data="tableData3"
      style="width: 500px"
      height="250"
      border
      id="table"
      ref="multipleTable"
      @selection-change="handleSelectionChange"
    >

    handleSelectionChange(selection) {
      this.selectedTableRow = selection;
      console.log(this.selectedTableRow);
    },

    handleChange() {
      this.isShowTable = !this.isShowTable;       
      if (this.isShowTable) {
         this.$nextTick(() => {                    
          for (let i = 0; i < this.tableData3.length; i++) {
            for (let j = 0; j < this.selectedTableRow.length; j++) {
              console.log(this.selectedTableRow)
              if (this.tableData3[i].zip == this.selectedTableRow[j].zip) {
                   this.$refs.multipleTable.toggleRowSelection(this.tableData3[i]);
                   })               
              }
            }
          }                 
       });
      }
    },

    handleChange() {
      this.isShowTable = !this.isShowTable;     
      if (this.isShowTable) {
       // this.$nextTick(() => {          
          for (let i = 0; i < this.tableData3.length; i++) {
            for (let j = 0; j < this.selectedTableRow.length; j++) {
              console.log(this.selectedTableRow)
              if (this.tableData3[i].zip == this.selectedTableRow[j].zip) {
                   this.$nextTick(() => {
                     // 没有生成Dom 影响下一次循环执行
                     this.$refs.multipleTable.toggleRowSelection(this.tableData3[i]);
                   })
               
              }
            }
          }         
       // });
      }

    <el-table
      v-show="isShowTable"
      :data="tableData3"
      style="width: 500px"
      height="250"
      border
      id="table"
      ref="multipleTable"
      @selection-change="handleSelectionChange"
    >

    handleChange() {
      this.isShowTable = !this.isShowTable;
    }