Custom elements in iteration require ‘v-bind:key‘ directives vue/valid-v-for

个人公众号: :✨✨ 可为编程 ✨✨
个人信条:知足知不足 有为有不为 为与不为皆为可为

关注公众号【可为编程】回复【面试】领取年度最新面试题大全!!!

方法一：

错误代码:Custom elements in iteration require ‘v-bind:key‘ directives vue/valid-v-for

<i-option v-for="item in typeList" :value="item.value">{{ item.label }}</i-option>
修改后

<i-option v-for="item in typeList" :key="item.label" :value="item.value">{{ item.label }}</i-option>
添加一个：key就可以了

方法二

错误提示：Custom elements in iteration require 'v-bind:key' directives.eslint-plugin-vue
原因：使用了Vue中的vetur插件，在使用v-for时，key是必须的
解决：关闭VScodet对该插件的检查，在文件-首选项-设置里面输入vetur validation template 找到这个选项，去掉掉勾，再重启VScode。

方法三

在对应的校验行上加上这句注解就不进行校验了，还是用到那个组件就引入，不用不引入，以免发生错误：

// eslint-disable-next-line

文章原文：https://blog.csdn.net/weixin_41996632/article/details/89338501

这里是一个真诚的***青年技术交流QQ群:761374713***，不管你是大学生、社畜、想学习变成的其他人员，欢迎大家加入我们，一起成长，一起进步，真诚的欢迎你，不管是技术，还是人生，还是学习方法。有道无术，术亦可求，有术无道，止于术。

欢迎感兴趣的小伙伴一起探讨学习知识，以上是个人的一些总结分享，如有错误的地方望各位留言指出，十分感谢。觉得有用的话别忘点赞、收藏、关注，手留余香！

欢迎大家关注【可为编程】，成长，进步，编程，技术、掌握更多知识！