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