【vue】报错 Duplicate keys detected 解决方案
【代码】【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>
更多推荐
已为社区贡献4条内容
所有评论(0)