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>
posted @ 2020-08-19 11:20  gggggggxin  阅读(2249)  评论(0编辑  收藏  举报