美文网首页前端Vue专辑让前端飞
Vue中使用index做key遇上Iview的CheckGrou

Vue中使用index做key遇上Iview的CheckGrou

作者: 小遁哥 | 来源:发表于2020-06-17 22:57 被阅读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",

相关文章

网友评论

    本文标题:Vue中使用index做key遇上Iview的CheckGrou

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