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

Question

我经常得到与v-for指令相关的错误.

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

当使用这样的for循环时.

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

问题是,有时在极少数情况下,我没有id人的关键.我想知道在这种情况下可以做些什么.

Answer 1

正如Ghanshyam已在评论中提到的那样,您可以轻松地生成索引v-for.

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