记录错误:Custom elements in iteration require 'v-bind:key' directives.

报错代码:Custom elements in iteration require 'v-bind:key' directives

设置key

在使用vue-cli工具开发时,使用v-for出现以下报错

Snipaste_2020-06-07_18-40-02.jpg

原因是vue在升级到2.2后,当在组件中使用 v-for 时,规定必须有设置 key .


  

关闭Eslint代码检查

还有一个原因就是使用了Vetur插件,然后Eslint对vue进行了检查,因为在vue2.2.0+的版本中,使用v-for时,key是必须的

解决办法是:关闭eslint对该插件的检查

文件 -> 首选项 -> 设置,搜索vetur.validation.template,把勾选取消掉

Snipaste_2020-06-07_19-01-17.jpg

这样子问题就解决了。

你可能感兴趣的:(记录错误:Custom elements in iteration require 'v-bind:key' directives.)