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 @   相遇就是有缘  阅读(186)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
  1. 1 我记得 赵雷
  2. 2 北京东路的日子 汪源
  3. 3 把回忆拼好给你 王贰浪
我记得 - 赵雷
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.

Not available

点击右上角即可分享
微信分享提示