在使用VUE开发过程中,当使用v-for渲染列表的时候,
<ul>
<li v-for="item in items" :key="item.id">...</li>
</ul>
假如其中绑定“item.id”有所重复的时候,就会提示“Duplicate keys detected: ‘X’. This may cause an update error.”。
根据官方文档说明,“key”代表着当前节点的索引位置,用于对节点进行重用和重新排序,所以这个值必须是唯一的。
这时候我们应该去查看“items”里面的“id”属性是否有所重复。