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

Eslint规则检查显示如下:
在这里插入图片描述

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

Code——>首选项——>设置——>在搜索框中输入:vetur.validation.template——>找到vetur.validation.template:——>将vetur.validation.template左侧单选框中的“√”点掉就ok了。
在这里插入图片描述

最后再重新加载一下插件,就不会出现错误了:
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐