5.vue开发中v-for在Eslint的规则检查下出现:Expected 'v-bind:key' directives to use the viriables错误

在使用VScode编辑器vue开发过程中,v-for在Eslint的规则检查下出现报错:Expected ‘v-bind:key’ directives to use the viriables which are defined by the ‘v-for’ directive.

Eslint规则检查显示如下:
5.vue开发中v-for在Eslint的规则检查下出现:Expected 'v-bind:key' directives to use the viriables错误_第1张图片

这是因为我们安装了ESLint插件,对vue进行了eslint检查,只需将这个规则检查屏蔽掉即可,具体操作如下:

Code——>首选项——>设置——>在搜索框中输入:vetur.validation.template——>找到vetur.validation.template:——>将vetur.validation.template左侧单选框中的“√”点掉就ok了。
5.vue开发中v-for在Eslint的规则检查下出现:Expected 'v-bind:key' directives to use the viriables错误_第2张图片

最后再重新加载一下插件,就不会出现错误了:
5.vue开发中v-for在Eslint的规则检查下出现:Expected 'v-bind:key' directives to use the viriables错误_第3张图片

你可能感兴趣的:(5.vue开发中v-for在Eslint的规则检查下出现:Expected 'v-bind:key' directives to use the viriables错误)