当元素没有id时如何处理vuejs中的v-for？

Question

我经常收到与v-for 指令相关的错误。

迭代中的元素期望有v-bind:key 指令

当使用这样的 for 循环时。

<div v-for='person in people'> {{ person.name }} </div>

问题是，在极少数情况下，我没有id 个人密钥。我想知道在这种情况下可以做什么。

Answer 1

正如 Ghanshyam 在 cmets 中已经提到的，您可以轻松地在 v-for 中生成索引。

<div v-for="(person, index) in people" :key="index" >
    {{ person.name }}
</div>

However, there is something to be said for NOT using index as a key.

其他 SO 帖子：Why not always use the index as the key in a vue.js for loop?