el-table删除选中的多行(无视id重复)

  • el-table设置一个row-class-name来协助获取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;
      }
  • 把获得的下标放到selectionItemIndexes里
 handleSelectionChange(rows) {
        this.selectionItemIndexes = [];
        rows.forEach(item => {
          this.selectionItemIndexes.push(item.index);
        });
      },
  • 触发删除的函数
deleteData() {
        this.tableData = this.tableData.filter((item, index) => {
          let arrlist = this.selectionItemIndexes;
          return !arrlist.includes(index);
        });
      }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。