error 迭代中的元素期望具有"v-bind：key"指令 vue/require-v-for-key

Question

我完全是Vue的初学者。由于我正在学习创建一个商业产品页面，所以我跟随导师编写代码。教程完成后，导师可以成功打开他创建的演示页面。当我尝试做npm跑发球时。我收到这样的错误：error迭代中的元素期望有"v-bind:key"指令vue/require-v-for-key

以下是VS代码指示的带有一些问题的代码：

<div 
v-for = "product in products"
class = "product-item"
v-bind: key = "product.id"
>

我不知道在哪里添加VS代码告诉我要添加的v-bind:密钥

Answer 1

您需要删除'v-bind:'和key属性之间的空格。所以最后的代码应该是这样的：

<div 
v-for = "product in products"
class = "product-item"
v-bind:key = "product.id"
>