问题描述:
控制台报错:
Duplicate keys detected: ‘0.45857739588464’. This may cause an update error.
相关代码片段:
<div v-for="(item, ind) in itemLists" :key="Math.random()">
<span>{{ item }}</span>
</div>
原因分析:
出现该报错信息的原因是存在重复的key值。虽然key给了随机数,但循环出的子元素key被赋予的是同一个随机数值。
解决方案:
给key值加唯一的标识符index
<div v-for="(item, ind) in itemLists" :key="ind+item">
<span>{{ item }}</span>
</div>