怎么消除v-for的报错?

WytheChan
  • 766

编辑器是vscode,用v-for时会错误提示,我知道实际上这样没问题,能正常运行,但是看到报错实在是很不爽!

              <div v-for="item in recommends" >
                <a :href="item.linkUrl">
                  <img :src="item.picUrl" alt="">
                </a>
              </div>

图片描述

如果加上:key="item"是可以消除编辑器的错误提示,但是项目就出问题了,变成浏览器会报错。
图片描述

回复
阅读 941
1 个回答
✓ 已被采纳

如果循环出来的item有唯一键的话把key设置成那个键,不然就像这样用索引做key

<div v-for="(item, index) in recommends" :key="index">
  <a :href="item.linkUrl">
    <img :src="item.picUrl" alt="">
  </a>
</div>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏