Vue中使用index做key遇上Iview的CheckGrou
2020-06-17 本文已影响0人
小遁哥
<CheckboxGroup v-model="checkedIdList">
<div
v-for="(item, index) in uploadList"
:key="index"
>
...
<Checkbox :label="item.id"> </Checkbox>
...
</div>
</CheckboxGroup>

当选择多个时,删除第一个,注意是1161312543.gif,变成了下面这样


在输出checkedIdList
和 后台返回的数据后,确保数据是没有问题的...
省略各种操作...
最后想到key
,改为id
就没有问题了
<div
v-for="(item, index) in uploadList"
:key="item.id"
>
...
<Checkbox :label="item.id"> </Checkbox>
...
</div>
尽管如此,我还是怀疑底层的实现有问题...
"vue": "^2.5.2",
"iview": "^3.3.3",