vue v-for循環同意數組兩次報錯,key值重復


錯誤:
vue.runtime.esm.js:619 [Vue warn]: Duplicate keys detected: '7'. This may cause an update error.

錯誤原因:循環同一個數組。key值需要添加標簽字段,解決方案如下
代碼

 <div v-for="tab in item.tabs" :key="'tab_'+tab.id" class="tab-box">
    <div class="tab-item" v-if="tab.loop == 1">{{tab.name}}{{tab.id}}</div>
 </div>
 <div v-for="tag in item.tabs" :key="'tag_'+tag.id" class="tag-box">
     <div class="tag-item" v-if="tag.loop == 2">{{tag.name}}{{tag.id}}</div>
 </div>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM