minigrasshopper

在用vscode编写vue代码时,因为安装的有vetur插件,所以当代码中有v-for语法时,会提示

[vue-language-server] \'v-for\' directives require \'v-bind:key\' directives.

 

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

回头看一下,我们写的代码 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文件,发现不报错了。
 
 

分类:

技术点:

相关文章:

  • 2021-10-01
  • 2021-05-01
  • 2021-08-30
  • 2022-02-25
  • 2022-01-17
  • 2021-07-12
猜你喜欢
  • 2021-04-26
  • 2021-06-28
  • 2022-12-23
  • 2021-10-01
相关资源
相似解决方案