美文网首页
avue-crud 树形数组时候 rowKey 重复问题导致的警

avue-crud 树形数组时候 rowKey 重复问题导致的警

作者: 兜兜里冒糖糖 | 来源:发表于2022-03-31 18:59 被阅读0次

后台返回的数据如下:


image.png

我设置的rowKey为 rowKey:'typeId',然后就出现了如下报错


image.png
报错原因就是因为 typeId存在重复的问题,所以只要设定一个不会重复值的字段就好了
解决办法:

用apply方法 将所有的子数组categoryTypeAttrList和外面的大数组 records 合并成一个新的数组。
然后再循环新的数组 给每个对象加上一个字段id等于索引值 就好。
因为我们在合并数组的时候用的是apply方法,apply的特性就是改变新数组的时候,旧数组也会跟着一起改变。
所以我们在给新的数组每个对象加上字段id的时候,原来的 旧的数组 也会在对应的对象加上id字段,这样每个对象上面的id就不会重复了,完美结局


image.png

相关文章

网友评论

      本文标题:avue-crud 树形数组时候 rowKey 重复问题导致的警

      本文链接:https://www.haomeiwen.com/subject/qvvnjrtx.html