Duplicate keys detected: 'xxx'. This may cause an update error.
场景:这个警告是在我使用vue的v-for循环中出现,代码:<el-tagv-for="attr in scope.row.attrs":type="attr":key="attr">{{ attr }}</el-tag&g...
·
场景:
这个警告是在我使用vue的v-for循环中出现,代码:
<el-tag
v-for="attr in scope.row.attrs"
:type="attr"
:key="attr"
>
{{ attr }}
</el-tag>
分析:
查看警告报告可以看到是在checkDuplicateKeys(检查key的重复性)时报的问题,而在vue的循环中为了保证每一项的独立性都会加上key,因此判断可能是使用的key存在重复的情况
解决:
v-for中使用(item,index) in items,使用index作为key值则不会出现重复情况
更多推荐
已为社区贡献3条内容
所有评论(0)