el-table展开行,@expand-change=“expandChange“第一次没办法出现,第二次数据就出现了

文章主要讲述了在处理数据时遇到的问题,即tableData中的数据没有预设数组,导致无法实时更新。解决方案是通过后端接口获取数据后,使用map函数为每个item添加expandList空数组,然后根据id匹配,将详细数据赋值给对应的expandList。
摘要由CSDN通过智能技术生成

主要原因其实就是tableData数据里面没有对应的数组,你通过后面push进去的不是实时的,只要从后端接口请求到之后,修改一下里面的参数就行,使用map往里面添加一个空数组。

res.data.list.map(item => {
  item.expandList = []
})
this.tableData = res.data.list

然后再将展开行里面请求到的数据,赋值进去

this.tableData.forEach(item => {
  if(item.id == row.id){
   item.expandList = res.data.detail
  }
})
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值