Elements in iteration expect to have "v-bind:key" directives错误的解决办法

不念不忘少年蓝@ 2023-06-10 15:21 242阅读 0赞

一、错误如下

[eslint-plugin-vue]
[vue/require-v-for-key]
Elements in iteration expect to have ‘v-bind:key’ directives.

Renders the element or template block multiple times based on the source data.

使用VS Code 出现如下问题，如图

二、解决

　　在用vscode编写vue代码时，因为安装的有vetur插件，所以当代码中有v-for语法时，会提示，“Elements in iteration expect to have ‘v-bind:key’ directives.”这个错误

这是ESLint的功能，对vue进行了eslint检查。那么我们就把eslint对该插件的检查关闭，

更改vetur配置 vscode->首选项->设置->搜索（vetur）

把 “vetur.validation.template”: true 改成 false

保存，我们再看一下vue文件，发现不报错了。

更多专业前端知识，请上 【猿2048】www.mk2048.com

发表评论取消回复

表情：

评论列表（有 0 条评论，242人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue-cli3 出现Elements in iteration expect to have 'v-bind:key' directives问题

<div id='login' v-for="img in imageList" :key="im

怼烎@/ 2023年06月28日 11:13/ 0 赞/ 86 阅读

相关 Elements in iteration expect to have "v-bind:key" directives错误的解决办法

一、错误如下 \[eslint-plugin-vue\] \[vue/require-v-for-key\] Elements in iteration expect

不念不忘少年蓝@/ 2023年06月10日 15:21/ 0 赞/ 243 阅读

相关 Error：Elements in iteration expect to have ‘v-bind:key‘ directives

Error：Elements in iteration expect to have ‘v-bind:key’ directives 报错如下 ![在这里插入图片描

悠悠/ 2022年09月03日 10:17/ 0 赞/ 26 阅读

相关 Elements in iteration expect to have ‘v-bind:key‘ directives的解决办法

原代码块 <li v-for="item in list" class="row"> <router-link :to="about/"+item.id

待我称王封你为后i/ 2022年09月03日 04:18/ 0 赞/ 94 阅读

相关 vue 出现Elements in iteration expect to have 'v-bind:key' directives问题

[https://blog.csdn.net/weixin\_41781759/article/details/79427788][https_blog.csdn.net_we

Dear 丶/ 2022年04月17日 03:58/ 0 赞/ 282 阅读

相关 vue for循环报错Elements in iteration expect to have 'v-bind:key' directives

<div class="line-item" v-for="(item, index) in productList" :key="index"> 写for循环的时候

布满荆棘的人生/ 2022年02月28日 03:40/ 0 赞/ 221 阅读

相关 Vue报错Custom elements in iteration require 'v-bind:key' directives."错误解决

错误代码 <i-option v-for="item in typeList" :value="item.value">{ { item.label }

待我称王封你为后i/ 2022年02月19日 14:11/ 0 赞/ 1034 阅读

相关 [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives.eslint-plugin-v

> 场景在写vue项目，写到v-for循环的时候出现了 [vue/require-v-for-key] Elements in iteration exp

秒速五厘米/ 2021年12月10日 15:45/ 0 赞/ 343 阅读

相关 Vue报错：error Elements in iteration expect to have ‘v-bind:key‘ directives vue/require-v-for-key

报错： error Elements in iteration expect to have 'v-bind:key' directives vue/requir

ゝ一世哀愁。/ 2021年09月25日 05:10/ 0 赞/ 265 阅读

相关 vue 出现Elements in iteration expect to have 'v-bind:key' directives

是由于eslint检测出现bug 解决方法有两种 1. v-for 后添加 :key='item' <li v-for="item in list" :key="ite

Dear 丶/ 2021年08月13日 21:23/ 0 赞/ 333 阅读