页面删除表格数据和请求 接口的删除

删除
删除表格的每行数据有俩种删除,第一种是前端页面删除,不请求接口,第二种就是请求接口删除(这里请求接口删除是删除多条之后点击保存请求接口)

第一种:利用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遍历,方便你处理数据

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值