Vue 中报错Duplicate keys detected: '74004'. This may cause an update error
问题及解决办法 vue项目中偶尔会报这样一个错: Duplicate keys detected: '74004'. This may cause an update error 报这个错说明在你的 v-for 循环里, key 值可能重复了。 重复的 key 会造成渲染错误。 报错的原因是我一开始没有添加 key 属性,报错代码片段如下: <template> <vue-aplayer :audio="audio" :lrc-type="3" :fixed='fixed' :autoplay='autoplay' :order='order' :volume='volume' :theme='theme' :listFolded='listFolded ' /> </template> 添加上 key 之后不再报错 <template> <vue-aplayer :audio="audio" :lrc-type="3" :fixed='fixed' :autoplay='autoplay' :order='order' :volume='volume' :theme='theme' :listFolded='listFolded ' :key="audio.name" /> </template> 说明: audio 属性是我要遍历的列表, name 在我的列表中的主键