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

Question

当我进行vue项目开发时，出现如下报错：
Duplicate keys detected: '0'. This may cause an update error.报错原因是：在vue组件中我对同一数组通过v-for进行两次遍历,但key绑定的值是一样的,所以就导致了警告。
如下两种写法都会报错
<div  v-for="(item, index) in itemList" :key="index"></div>
<div  v-for="(item, index) in itemList" :key="index"></div><div  v-for="(item, key) in itemList" :key="key"></div>
<div  v-for="(item, index) in itemList" :key="index"></div>解决方法：对其中一个key进行修改。<div  v-for="(item, key) in itemList" :key="key"></div>
<div  v-for="(item, index) in itemList" :key="index+ '1'"></div>

Answer 1

:key="index+ '1'"
你这里加的 '1' ，是进行了字符串的拼接，
所以没有重复的key了
问题的原因是，你的两个for在同一个父元素下了，