Vue 报错 Duplicate keys detected: '0'. This may cause an update error.

错误原因
一个父元素中包含两个同级的v-for子级。

解决方案
原代码:

<div class="parent">
  <div class="child" v-for="(item, index) in items1" :key="index"></div>
  <div class="child" v-for="(item, index) in items2" :key="index"></div>
</div>

修改后

<div class="parent">
  <div>
    <div class="child" v-for="(item, index) in items1" :key="index"></div>
  </div>
  <div>
    <div class="child" v-for="(item, index) in items2" :key="index"></div>
  </div>
</div>

或者

<div class="parent">
  <div class="child" v-for="(item, index) in items1" :key="index"></div>
  <div class="child" v-for="(item, index) in items2" :key="index + 10"></div>
</div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。