element table 通过selection-change选中的索引删除

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<el-table
      :row-class-name="tableRowClassName"
      @selection-change="handleSelectionChange">
</el-table>
 
 
 
methods:{
            // 添加索引
            tableRowClassName(row, index){
               // 给每条数据添加一个索引
                row.row.index = row.rowIndex
            },
             
            deleteData () {
                //拿到选中的数据
                let val = this.multipleSelection
 
                //如果选中数据存在
                if(val){
                    //将选中数据遍历
                    val.forEach((val,index) =>{
                        //遍历源数据
                        this.tableData.forEach((v,i)=>{
                            //如果选中数据和源数据的某一条唯一标识符相等,删除对应的源数据
 
                            if(val.index === v.index){
                                this.tableData.splice(i,1)
                            }
                        })
                    })
                }
                //清除选中状态
                this.$refs.multipleTable.clearSelection()
            },
         
        }                   

  

posted @   惠鹏曦  阅读(9003)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示