美文网首页
vue el-table 没有唯一标识时批量删除

vue el-table 没有唯一标识时批量删除

作者: 王哈哈zzz | 来源:发表于2023-06-29 14:23 被阅读0次

一、需求描述:

  • 企业微信截图_16881054506582.png
    data格式: 企业微信截图_16881055393245.png

    要获取唯一id标识,才能找到勾选中的,这里数据没有标识,那么就只能根据下标来了,但是@selection-change是直接获取不到index下标的,所以只能用:row-class-name。

<el-popconfirm title="这是一段内容确定删除吗?" @confirm="delinfo" >
    <el-button slot="reference" class="filter-item" size="mini" type="danger" icon="el-icon-delete">删除</el-button>
</el-popconfirm>
<el-table ref="multipleTable" :data="showlistData" @selection-change="handleSelectionChange" 
:row-class-name="tableRowClassName">
//row-class-name添加下标
tableRowClassName(row, index) {
  row.row.index = row.rowIndex;
},
handleSelectionChange(val) {
    this.multipleSelection = val;
},
delinfo(){
  let that = this
  this.multipleSelection.forEach(item => {
    that.tableData = that.tableData.filter(items =>{
        return items.index != item.index 
    })
 })
},

相关文章

  • 关于vue 2.0中v-for循环为何加:key

    vue中列表循环需加:key="唯一标识" 唯一标识可以是item里面id index等,因为vue组件高度复用 ...

  • vue 批量删除

    选中的组个数组返给后台,成功再刷新一下接口 https://blog.csdn.net/weixin_440085...

  • 软删除注意细节

    当对象中的某一字段含有唯一索引,并且对象有可能存在软删除业务时,应当建立一个新的唯一索引字段(唯一索引+软删除标识...

  • 使用命令行批量删除redis的key

    使用命令行批量删除redis的key Redis 中有删除单个 Key 的指令 del,但好像没有批量删除 Key...

  • 批量删除Redis Key

    方式一:Linux命令完成批量删除 Redis中有删除单个key的指令del,但没有批量删除key的指令,不过我们...

  • RabbitMQ批量删除指定queue

    RabbitMQ批量删除指定queue RabbitMQ没有提供批量删除queue的命令或功能,但是有提供列出所有...

  • gorm-V2-07-删除

    1. 按主键删除 1.1 使用 说明如果指定的不是主键,则会触发批量删除,但是没有Where的批量删除被gorm禁...

  • git高效命令大全

    批量删除本地分支 批量删除本地like 'jenn'或'finna'的分支 批量删除本地not like 'jen...

  • 批量删除github库

    批量删除 github 库工具 github 未提供批量删除 repo 功能。 如你需要批量删除 repo,可通过...

  • redis批量删除key,key包含空格,\n

    redis没有提供批量删除命令,借助linux的 xargs 命令实现批量删除 key中不带空格 如果key中带有...

网友评论

      本文标题:vue el-table 没有唯一标识时批量删除

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