Elements in iteration expect to have 'v-bind:key' directives.

当组件中使用v-for时,如果不指定key,则会有红色警告信息。解决方案如下。

方案一:绑定key(亲试有效)

//方式一
<li v-for="(item, index) in list" :key="index">

//方式二
<li v-for="(item, index) in list" :key="item.id">

//方式三
<li v-for="(item, index) in list" v-bind:key=index>

//方式四
<li v-for="(item, index) in list" v-bind:key=item.id>

方案二:更改编辑器配置(未尝试)

更改vetur配置    vscode->文件->首选项->设置->搜索(vetur)

把  "vetur.validation.template": true  改成  false

posted @ 2024-05-08 18:00  相遇就是有缘  阅读(213)  评论(0)    收藏  举报