Как получить index из списка во VUE?

Question

[Александр Иванов]

<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>

Пробовал по разно но пока так и не передал key через testA

Answer 1

[0xD34F]

Просто передавайте индекс в обработчик:

@click="testA(index)"

testA(index) {
  alert(index);
}

Answer 2

[imhuman]

@click="testA(index)"