场景再现:
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>