前端Vue专辑让前端飞

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">&nbsp;</Checkbox>
  ...
  </div>
</CheckboxGroup>

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

在输出checkedIdList 和 后台返回的数据后,确保数据是没有问题的...

省略各种操作...

最后想到key,改为id 就没有问题了

  <div
    v-for="(item, index) in uploadList"
    :key="item.id"
   >
  ...
    <Checkbox :label="item.id">&nbsp;</Checkbox>
  ...
  </div>

尽管如此,我还是怀疑底层的实现有问题...
"vue": "^2.5.2",
"iview": "^3.3.3",

上一篇 下一篇

猜你喜欢

热点阅读