vue lint报错Elements in iteration expect to have 'v-bind:key'

原创于 2019-04-15 19:21:45 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #lint

前端专栏收录该内容

21 篇文章

订阅专栏

本文解决了一个在Vue项目中常见的v-for指令错误，详细解释了如何通过添加:key指令来解决迭代元素缺少唯一标识的问题，确保组件在更新时能够正确识别和处理数据变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

具体报错

 vue-cli-service lint found some errors. Please fix them and try committing again.
            error: Elements in iteration expect to have 'v-bind:key' directives (vue/require-v-for-key) at src/view/electric-record/upload-image.vue:3:3:

v-for报错

原因需要增加:key

  <div class="demo-upload-list" v-for="item in uploadList" />

更改成

  <div class="demo-upload-list" v-for="item in uploadList" :key="item.url"/>