zoukankan      html  css  js  c++  java
  • [Vue warn]: Duplicate keys detected: '1'. This may cause an update error

    今天遇到这个问题,遇到这个问题多数因为: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">
        {{item.name}}
    </div>
    
    
    <div class="name-list" v-for="(item,index) in list" :key="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.解决这些问题找到其根源就好了。祝大家撸码之路顺畅无阻、

  • 相关阅读:
    spark 脚本示例
    R树的应用
    将博客搬至CSDN
    select
    注册页面的验证码的实现
    web项目.注册及登陆
    eclipse web 项目中遇到的问题总结
    Apache与Tomcat
    关于MVC整理
    JDBC
  • 原文地址:https://www.cnblogs.com/zwp06/p/10741487.html
Copyright © 2011-2022 走看看