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>