首页 > 其他 > 详细

[Vue warn]: Duplicate keys detected: '1'. This may cause an update error

时间:2019-04-20 17:01:57      阅读:2679      评论:0      收藏:0      [点我收藏+]

今天遇到这个问题,遇到这个问题多数因为:key值的问题

技术分享图片

第一种情况(key重复)

<div class="name-list" v-for="(item,index) in list" :key="item.sid">
    {{item.name}}
</div>
list: [
 {
     sid:1,
     name:"张三",           
 },   
 {
     sid:1,
     name:"李四",           
  },      
]    

第二种情况(页面上有两个for循环同一个数组,导致key重复)

<div class="name-list" v-for="(item,index) in list" :key="index + ‘‘_index">
    {{item.name}}
</div>


<div class="name-list" v-for="(item,index) in list" :key="‘index_‘ + index">
    {{item.name}}
</div>

 

第二种解决

<div class="name-list" v-for="(item,index) in list" :key="index + ‘‘_index">
    {{item.name}}
</div>


<div class="name-list" v-for="(item,index) in list" :key="‘index_‘ + index">
    {{item.name}}
</div>

1.解决这些问题找到其根源就好了。祝大家撸码之路顺畅无阻、

[Vue warn]: Duplicate keys detected: '1'. This may cause an update error

原文:https://www.cnblogs.com/zwp06/p/10741487.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!