怎么消除v-for的报错？

Question

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

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

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

Answer 1

如果循环出来的item有唯一键的话把key设置成那个键，不然就像这样用索引做key<div&nbsp;v-for="(item,&nbsp;index)&nbsp;in&nbsp;recommends"&nbsp;:key="index"> &nbsp;&nbsp;<a&nbsp;:href="item.linkUrl"> &nbsp;&nbsp;&nbsp;&nbsp;<img&nbsp;:src="item.picUrl"&nbsp;alt=""> &nbsp;&nbsp;</a> </div>