zoukankan      html  css  js  c++  java
  • element table 通过selection-change选中的索引删除

    <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()
                },
            
            }                    
    

      

  • 相关阅读:
    with异常
    内建函数的重写
    布尔测试函数重写
    函数重写
    类中的对象属性管理函数
    类中的迭代器__iter__
    多继承
    多态
    封装
    深入理解Java:类加载机制及反射
  • 原文地址:https://www.cnblogs.com/hpx2020/p/11791103.html
Copyright © 2011-2022 走看看