前几天犯了一个很低级的错误,在此记录下来。
问题场景:
用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和目标数组比对,生成了与目标数组一致的对象数组,结果立马就通了。
偷懒真的要不得,这算是一个低级错误,但是让我煞费苦心,几天都无法解决,确实挺消耗时间成本的,在此记录一下,提醒自己不再犯。