删除表格的每行数据有俩种删除,第一种是前端页面删除,不请求接口,第二种就是请求接口删除(这里请求接口删除是删除多条之后点击保存请求接口)
第一种:利用splice方法,删除的是表格的index值
delete(index){ //绑定事件时将index传过来
this.tableData.splice(index,1)//tableData里是一个大的字典也就是表格的数据
}
第二种:删除多条数据之后请求接口,一般后台需要一个数组,里面存放着每条数据的id,列表id。
思路:1、定义空数组存放每次点击后的id,留着传给后台。2、将当前点击的id使用push()填到之前定义好的数组。3、拿到每行数据的id,这时候要借助index来获取,因为每点击一个删除,我们能知道index。
deleteAll(index){//拿到index值
let ids=[]
if(this.tableData[index].id){//列表id存在的情况下执行删除
return ids.push(this.tableData[index].id)
}
}
注意:tableData的数据格式如下
所以this.tableData[index]就是拿到下标为0的数据,然后this.tableData[index].id则是拿到下标为0的数据里的id值
最近突然觉得,有时候在手足无措的时候不妨仔细研究你拿到的数据格式,特别是这种字典型的,这种自典型的数据常用的还可以用map遍历,方便你处理数据