Vue 在 v-for 指令中使用索引的方法有多种,下面给出几种常见的写法。
1. 使用普通的索引值:
```html
index) in list" :key="index">{{ index }}. {{ item }}
```
在这个例子中,list 是被循环的数组,item 是数组中的每个元素,index 是当前元素在数组中的索引值。使用 :key="index" 是为了提高渲染的性能,确保每个元素都有*的标识。
2. 使用 v-for 的第二个参数来获取索引值:
```html
```
在这个例子中,$index 是 v-for 内置的特殊变量,可以直接获取到当前元素在数组中的索引值。
3. 使用 v-for 的第三个参数来获取索引值:
```html
index
currentIndex) in list" :key="index">{{ currentIndex }}. {{ item }}
```
在这个例子中,currentIndex 是我们自己定义的参数,它可以获取到当前元素在 v-for 循环中的索引值。