关于前端:vue报错-Duplicate-keys-detected-0

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理