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

honey缘木鱼

发布于 2019-08-22 06:50:57

9.3K00

代码可运行

文章被收录于专栏：娱乐心理测试娱乐心理测试

运行总次数：0

代码可运行

报错截图

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

<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值即可！

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