Vue开发中出现的v-for报错

在vscode中进行vue开发遇到v-for在Eslint的规则检查下出现报错：Elements in iteration expect to have ‘v-bind:key’ directives

报错如下：

报错提示：

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

这是因为vue2.2以后的版本中使用v-for时，key是必须的。

很多人都说把eslint的规则检查屏蔽掉，其实可以直接在v-for后面加上一个:key='item'解决：

这样就不用麻烦的去修改配置了。