Get the v-for Index in Vue

Vue allows you to get both the item and the index in a v-for loop:

Basic Syntax:

Example

Template:

Note on:key

While you can use the index as the key:
:key=”index”

It’s better to use a unique identifier if possible, like an id, to avoid rendering issues:
:key=”item.id”

Also Read:

Unit Testing Vue Components