场景再现:
vue.esm.js?65d7:591 [Vue warn]: Duplicate keys detected: '0'. This may cause an update error.

image.png

原因
今天写项目中出现这个报错,报错提示key值重复。这样就能立即定位到是for循环的问题。
找到使用for循环位置
image.png
如图所示,所使用的两个for循环都使用了index作为key值。而key值是唯一的,index的值肯定是会重复的,所以报错提示key值重复。

解决方法
给绑定的key值加上个标识,使key值唯一
image.png

 <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>

Hard heart
1 声望0 粉丝