美文网首页
el-table删除选中的多行(无视id重复)

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

作者: 邓男子 | 来源:发表于2020-09-20 06:58 被阅读0次
  • 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);
        });
      }

相关文章

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

    el-table设置一个row-class-name来协助获取index 给el-table的row附上index...

  • vim 删除多行

    多行注释的删除 Ctrl+v 进入列选择模式,移动光标选中多行注释,按下d,删除成功。 使用替换命令来添加多行注释...

  • Vim快捷方式

    多行删除按v选中想要删除的行按x 转载:https://blog.csdn.net/qq_37941471/art...

  • vim

    1、单行删除:dd2、多行删除:1)输入“:set nu”,回车显示行号2)输入":12,20d",回车删除选中行...

  • vim笔记

    多行缩进 1 按v进入VISUAL模式2 选中多行3 按>和<来进行缩进或缩出 删除多行 1 通过配置或命令:se...

  • MySQL语句小问题总结

    一、MySQL删除单列重复数据保留Id最小的 需求:如表所示,其中GOODS_ID有数据重复的现象,现在要删除ME...

  • Eclipse操作

    选中多行注释 选中要注释的行,按ctrl+/可以添加//的注释,重复相同操作可以取消注释。 写println的快捷...

  • pycharm使用技巧

    一多行移动按住Tab键,选中多行,可以多行右移按住shift + Tab键,选中多行,可以多行左移

  • VsCode常用快捷方式

    vscode同时选中多行输入,Alt+左键选中多行 Alt+Shift 竖列选择

  • VsCode快捷键

    光标类 选中多行alt + shift + 鼠标左键选中多行行尾选中要移动到行尾的行,alt + shift + i

网友评论

      本文标题:el-table删除选中的多行(无视id重复)

      本文链接:https://www.haomeiwen.com/subject/ckruyktx.html