Duplicate keys detected: ''原因及解决方法

17,013 阅读1分钟

Vue项目中遇到如下报错

Duplicate keys detected: ''. This may cause an update error.

Vue官网:

v-for的默认行为会尝试原地修改元素而不是移动它们。要强制其重新排序元素,你需要用特殊attribute key 来提供一个排序提示

也就是每一个for循环中,key值必须为唯一,不可以重复

经检查是由于后台返回的List为[{},{},{}],在v-for循环渲染的过程中,key值重复了,所以会报这个错