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

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM