el-table selection 反選坑

反選邏輯情況下,需要先toggleRowSelection數(shù)據(jù),再給 tableData賦值,才能正常選中。
正選情況下,toggleRowSelection,必須從選擇tableData中toggleRowSelection Item才能選中。

    <el-table
      ref="multiTable"
      :data="dataList"
      stripe
      row-key="id"
      @selection-change="selectionChange"
    >
     <el-table-column prop="id" label="模板ID" min-width="150">
      </el-table-column>
      <el-table-column
        align="center"
        :reserve-selection="true"
        type="selection"
        width="85"
      >
      </el-table-column>
    </el-table>
   

  /**
   * 反選
   */
  setChecked() {
    this.$nextTick(() => {
      this.tableChecked.forEach((item) => {
        (this.$refs.multiTable as HTMLFormElement).toggleRowSelection(
          item,
          true
        );
      });
    });
  }
  /** 生命周期 */
  mounted() {
    const selected = this.selected.map((item) => {
      return {
        id: item
      };
    });
    this.tableChecked = selected;
    this.setChecked();
    setTimeout(() => {
      this.dataList = [{ id: 1, name: "lpl", status_txt: "已上架" }];
    }, 1000);
    // this.getList();
  }
}
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容