Duplicate keys detected: ‘1‘. This may cause an update error.

报错

Duplicate keys detected: '1'. This may cause an update error.

注释:

检测到重复密钥:‘1’。这可能会导致更新错误。
因为你在同一个页面有两个for循环,导致索引发生错误,不知道选择那个为中,因此报了这种错,应做一个索引划分

<div v-for="(item, index) in list" :key="index">div>
<div v-for="(itm, index) in listdata" :key="index">div>
<div v-for="(item, inex) in list" :key="inex">div>
<div v-for="(itm, index) in listdata" :key="index">div>

在同一个页面存在两个for循环的话,上面这两种都会出错

解决

首先判断是因为for循环导致的,检查是否出现重复。
笔者是同一个页面两处for循环导致

解决方法:如下,随便给其中一个加一个字符就好了

<div v-for="(item, index) in list" :key="index+'g'">div>
<div v-for="(itm, index) in listdata" :key="index">div>

你可能感兴趣的:(报错盒,vue,vue,for循环)