element_ui table 组件 selection反选踩坑记录

前几天犯了一个很低级的错误,在此记录下来。
问题场景:
用element_ui中的table组件,通过代入上一页表单中的数据,直接赋值给当前页的selection作为初始值。传入的数据结构需要与当前数据的结构一致,否则就会无法赋值给selection,最终也无法呈现在UI上。

我用上一页中的id和name组成了一个对象数组,比如:[{id:1,name:‘小熊猫’}],传值给本页,但是本页table中每一行的数据里面,除了id和name,还有很多属性,比如:[{id:1,name:‘小熊猫’,gender:‘male’,age:2,weight:‘12kg’]]。

原本应该根据id与目标数据比对后,生成新的数组,而我省略了这一步,结果就导致了数据无法对应的问题,selection无法被默认选中,查了几天都没查出来。

心灰意冷之际,我尝试了下根据上一页中的id和目标数组比对,生成了与目标数组一致的对象数组,结果立马就通了。

偷懒真的要不得,这算是一个低级错误,但是让我煞费苦心,几天都无法解决,确实挺消耗时间成本的,在此记录一下,提醒自己不再犯。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值