【vue】报错 Duplicate keys detected 解决方案

• 错误描述：Duplicate keys detected. This may cause an update error.
• 错误直译：检测到重复的键。这可能会导致错误。
• 错误原因：有相同父元素的多个子元素的v-for有相同的key值。

解决方法：

return:{dataList:[{name:'张三'，id:"1"},{    name:'李四'，id:"2"}]
}
<span v-for="(item, index) in dataList" :key="index">{{item.name}}</span>//改变key值，将key值设置为唯一
<span v-for="(item, index) in dataList" :key=`${index}-${item.id}`>{{item.name}}</span>