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

2019-08-22 14:50:57 浏览数 (1)

报错截图

报错原因:用到两个相同的for循环,而这两个for循环的key值是一样的。 关键代码:

代码语言:javascript复制
<div class="bg">
          <div class="title" >
             <div class="showTitle" v-for="(item,index) in titleArr" :key="'index">{{item}}</div>
             <van-row v-for="(item,index) in list" :key="index">
                 <van-col span="8">{{item.time}}</van-col>
                 <van-col span="8">{{item.sendNum}}</van-col>
                 <van-col span="8">{{item.leftNum}}</van-col>
             </van-row>
          </div>
       </div>
     </div>

解决方案: 将其中一个key值拼接数字或者字符串,区分另一个key值即可!

代码语言:javascript复制
<div class="bg">
          <div class="title" >
             <div class="showTitle" v-for="(item,index) in titleArr" :key="'item' index">{{item}}</div>
             <van-row v-for="(item,index) in list" :key="index">
                 <van-col span="8">{{item.time}}</van-col>
                 <van-col span="8">{{item.sendNum}}</van-col>
                 <van-col span="8">{{item.leftNum}}</van-col>
             </van-row>
          </div>
       </div>
     </div>

0 人点赞