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 }}<
·
🎈个人公众号:🎈 :✨✨ 可为编程 ✨✨ 🍟🍟
🔑个人信条:🔑知足知不足 有为有不为 为与不为皆为可为🌵关注公众号【可为编程】回复【面试】领取年度最新面试题大全!!!
方法一:
错误代码: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***,不管你是大学生、社畜、想学习变成的其他人员,欢迎大家加入我们,一起成长,一起进步,真诚的欢迎你,不管是技术,还是人生,还是学习方法。有道无术,术亦可求,有术无道,止于术。
欢迎感兴趣的小伙伴一起探讨学习知识,以上是个人的一些总结分享,如有错误的地方望各位留言指出,十分感谢。觉得有用的话别忘点赞、收藏、关注,手留余香! 😗 😗 😗
欢迎大家关注【可为编程】,成长,进步,编程,技术、掌握更多知识!
更多推荐





所有评论(0)