Vue中使用v-for如何获取当前循环项的索引？

嘿，这事儿超简单的！Vue的v-for指令自带获取索引的能力，只需要给循环加个额外参数就行。

你原来的写法只声明了循环项item，其实可以在括号里加上第二个参数index——它就是当前项在items数组里的索引（注意是从0开始计数的哦）。如果要显示从1开始的序号，记得给index加1。

给你改好的代码示例：

<tr v-for="(item, index) in items" :key="item.id">
  <!-- 用index + 1把0起始的索引转成1起始的序号 -->
  <td>currently viewing the {{ index + 1 }}th item</td>
</tr>

额外提一句：Vue官方强烈建议给v-for循环加上:key属性，绑定一个唯一标识（比如item的id），这样能帮Vue更高效地更新DOM，避免不必要的渲染问题。

要是你以后遍历对象，v-for还能接收第三个参数（对象的键名），不过你这里是数组，用到前两个参数就够啦~

内容的提问来源于stack exchange，提问作者Berend Baardse