Duplicate keys detected: '1&

作者: honey缘木鱼 | 来源:发表于2019-08-21 12:54 被阅读11次
    报错截图

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

    相关文章

      网友评论

        本文标题:Duplicate keys detected: '1&

        本文链接:https://www.haomeiwen.com/subject/ybybsctx.html