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

honey缘木鱼

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

9.2K0

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

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

报错截图

报错原因：用到两个相同的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>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019.08.21 ，如有侵权请联系 cloudcommunity@tencent.com 删除

for循环