[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.解決這些問題找到其根源就行了。祝你們擼碼之路順暢無阻、