您的位置:首页 > 产品设计 > UI/UE

vscode编写vue代码v-for时出现Elements in iteration expect to have 'v-bind:key' directives.

2018-02-17 23:41 1031 查看
在用vscode编写vue代码时,因为安装的有vetur插件,所以当代码中有v-for语法时,会提示[vue-language-server] 'v-for' directives require 'v-bind:key' directives.

 我们知道vue在升级到2.2后,当在组件中使用 
v-for
 时, 
key
 现在是必须的。

下面是vue官方文档的说明:

回头看一下,我们写的代码 v-for中有key,但是为什么还报错呢?去vetur插件的github上搜了一下,发现有人提这个报错问题,该插件的作者给出了解决办法:This is intended ESLint feature. You can turn off eslint check in future release. Setting 
vetur.validation.vue-html
 to false will disable it.
这是ESLint的功能。对vue进行了eslint检查。那么我们就把eslint对该插件的检查关闭,在vscode中,打开 文件>首选项>设置 找到 vetur.configuration 把  "vetur.validation.template": true  改成"vetur.validation.template": false 保存,我们再看一下vue文件,发现不报错了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐