el-table刪除選中的多行(無視id重復(fù))

  • el-table設(shè)置一個row-class-name來協(xié)助獲取index
<el-table :data="tableData"
             :row-class-name="tableRowClassName"
             tooltip-effect="light"
             style="width: 100
  • 給el-table的row附上index的值
 tableRowClassName(row, index) {
        row.row.index = row.rowIndex;
      }
  • 把獲得的下標(biāo)放到selectionItemIndexes里
 handleSelectionChange(rows) {
        this.selectionItemIndexes = [];
        rows.forEach(item => {
          this.selectionItemIndexes.push(item.index);
        });
      },
  • 觸發(fā)刪除的函數(shù)
deleteData() {
        this.tableData = this.tableData.filter((item, index) => {
          let arrlist = this.selectionItemIndexes;
          return !arrlist.includes(index);
        });
      }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容