场景再现:
vue.esm.js?65d7:591 [Vue warn]: Duplicate keys detected: '0'. This may cause an update error.
原因
今天写项目中出现这个报错,报错提示key值重复。这样就能立即定位到是for循环的问题。
找到使用for循环位置
如图所示,所使用的两个for循环都使用了index作为key值。而key值是唯一的,index的值肯定是会重复的,所以报错提示key值重复。
解决方法
给绑定的key值加上个标识,使key值唯一
<div v-for="(item,index) in row.airlineList" :key="index">{{item}}</div>
<div v-for="(item,index) in row.fltNumList" :key="'fltum' + index">{{item}}</div>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。