Vue 报错 Duplicate keys detected:

错误原因
一个父元素中包含两个同级的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>