报错代码：Custom elements in iteration require 'v-bind:key' directives
在使用vue-cli工具开发时，使用v-for出现以下报错
Snipaste_2020-06-07_18-40-02.jpg
原因是vue在升级到2.2后，当在组件中使用 v-for 时，规定必须有设置 key .
<swiper>
<swiper-item v-for="(item,index) in bannes" :key="index"></swiper-item>
</swiper>
还有一个原因就是使用了Vetur插件，然后Eslint对vue进行了检查，因为在vue2.2.0+的版本中，使用v-for时，key是必须的
解决办法是：关闭eslint对该插件的检查
文件 -> 首选项 -> 设置，搜索vetur.validation.template,把勾选取消掉
Snipaste_2020-06-07_19-01-17.jpg
这样子问题就解决了。
报错代码：Custom elements in iteration require 'v-bind:key' di...
原文链接：http://aurelia.io/hub.html#/doc/article/aurelia/temp...
其实提示的已经很清楚了，自定义元素在循环迭代时，需要加v-bind:key 指令 修改前： 修改后（粗体部分） 当...
使用自定义元素[https://developers.google.com/web/fundamentals/we...
自定义元素[https://stackoverflow.com/questions/69602657/what-i...
之前的笔记记录了2017年的通过custom elements实现微前端的分享内容，然后分享者2018年又进行了一...
参考资料 MDN: Using_custom_elements https://dom.spec.whatwg.o...
一、标准的组成部分： Custom elements（自定义元素）：一组 JavaScript API，允许您定义...
错误：The selector app-root did not match any elements 这个错误消...
在上一章节中主要介绍了Custom elements（自定义元素），Shadow DOM（影子DOM）的使用，我们...
本文标题：记录错误：Custom elements in iteratio
本文链接：https://www.haomeiwen.com/subject/aqqhtktx.html
网友评论