<CheckboxGroup v-model="checkedIdList">
<div
v-for="(item, index) in uploadList"
:key="index"
>
...
<Checkbox :label="item.id"> </Checkbox>
...
</div>
</CheckboxGroup>
![](https://img.haomeiwen.com/i3004133/dec13ec8e70a3478.png)
当选择多个时,删除第一个,注意是1161312543.gif,变成了下面这样
![](https://img.haomeiwen.com/i3004133/09b9af234219623f.png)
![](https://img.haomeiwen.com/i3004133/9bd44a945e0e517d.jpg)
在输出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",
网友评论