Duplicate keys detected: ‘0‘. This may cause an update error.

我们有时候打开谷歌的f12经常会看到这样的报错

这个主要是我们用v-for循环的时候，用的了:key="index"这个重复导致的

错误原因

一个template中有两个一样的v-for

<div class="decoration" v-for="(item, index) in data.list" :key="index"><div>{
   {item.name}}</div>
</div>
<div class="baseInfo" v-for="(item, index) in data.list" :key="'index"><div>{
   {item.name}}</div>
</div>

解决办法

将其中以个的key修改一下

<div class="decoration" v-for="(item, index) in data.list" :key="index+'decoration'"><div>{
   {item.name}}</div>
</div>
<div class="baseInfo" v-for="(item, index) in data.list" :key="'index+'baseInfo'"><div>{
   {item.name}}</div>
</div>