How to get index from list in VUE?

Question

Vue.js

<template>
    <div>
        <hr>
        <h1>{{ text }}</h1>
        <br>
        <ul v-model="list" :key="index">
            <li v-for="(item, index) in list" @click="testA" class="list btn">
{{ index }} {{ item.name }}
</li>
        </ul>
    </div>
</template>

<script>
export default {
    name: 'test',
    data(){
        return{
            text: "Текст",
            list: [
                { name: 'Petya'},
                { name: 'Vasia'},
                { name: 'Gosha'},
            ]
        }
    },
    methods: {
        testA(){
            alert(this.index)
            console.log(this)
            // alert(this.list[this.index].name)
        }
    }
}
</script>

I tried it in different ways, but so far I have not passed the key through testA

Answer 1

Just pass the index to the handler:

testA(index) {
  alert(index);
}