如何在v-for中获取键、值和索引

在Vue.js中，可以使用v-for指令来循环遍历数组或对象，并获取键、值和索引。

如果遍历的是数组，可以使用以下语法来获取键、值和索引：

<div v-for="(item, index) in array" :key="index">
  {{ index }}: {{ item }}
</div>

在上述代码中，item表示数组中的每个元素，index表示元素的索引。通过{{ index }}和{{ item }}可以分别获取到索引和值。

如果遍历的是对象，可以使用以下语法来获取键、值和索引：

<div v-for="(value, key, index) in object" :key="index">
  {{ index }}: {{ key }} - {{ value }}
</div>

在上述代码中，value表示对象的每个属性值，key表示属性名，index表示属性的索引。通过{{ index }}、{{ key }}和{{ value }}可以分别获取到索引、键和值。

需要注意的是，为了提高渲染效率，需要为每个循环项提供一个唯一的key属性。可以使用:key指令来绑定索引作为key值。

关于Vue.js的v-for指令的更多详细信息，可以参考腾讯云的文档：Vue.js - v-for指令