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

Question

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

Elements in iteration expect to have v-bind:key directive

当使用这样的 for 循环时。

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

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

Answer 1

正如 Ghanshyam 在评论中已经提到的，您可以轻松地在 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?