How to get the v-for index in Vue.js?

Question

I have a Vue component like bellow:

... 

data(){
  items:          


        

Answer 1

Create an a method:

  methods: {
    roleCount(key) {
      return key + 1;
    },
  },

If the array keys are are numbered, starting with zero. items[0], items[1], etc..
you can use the array's keys

{{ incementIndex(key) }}

But if the array keys are typeof String then you can do

{{ incementIndex(index) }}

The second version uses the "counter" from v-for loop.