在Vue中遇到“Duplicate keys detected: ‘xxx‘. This may cause an update error.”这样的错误提示,最有用的解决办法,亲测通过。
这一般是因为v-for循环中的key造成,将循环的次数:key="index"加上即可。
<div v-for="(list ,index) in dataList" :key="index">{{list.title}}</div>
如果,同时存在多个v-for,key就会被覆盖,此时,只要保证key不一样即可,如下所示:
<div v-for="(list ,index) in dataList1" :key="index+'1'">{{list.title}}</div>
<div v-for="(list ,index) in dataList2" :key="index+'2'">{{list.title}}</div>