vue的开发中v-for报错 [vue/require-v-for-key] Elements in iteration expect to have 'v-bind:key' directives....

vue 在 vscode 开发过程中报错问题：

代码：

<ul>
    <li v-for="author in articles">
      <img :src="author.images.medium" width="100">
      <br>
      <span v-text="author.title"></span>
    </li>
  </ul>

 

报错信息：

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

解决办法：

这是因为安装了ESLint插件，对vue进行了eslint检查，只需将这个规则检查屏蔽掉即可，具体操作如下： 
文件–》首选项–》设置–》在搜索框中输入：vetur.validation.template–》找到vetur.validation.template：true–》将vetur.validation.template：true在右栏框中进行重置为false就ok了。 

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

转载于:https://www.cnblogs.com/miny-simp/p/9020520.html