Как получить индекс элемента списка при клике на ссылку внутри него?

Question

[Дмитрий Гололобов]

Есть шаблон

<li v-for="(element, index) in elements" :key="index"><a href="#" @click="getElement">{{ element.param }}</a></li>

Нужно запустить метод getElement так чтобы он знал по какому элементу я кликнул. Т.е. либо передать в него индекс элемента списка либо все значение element. При этом мне нужно использовать preventDefault на ссылке.
Сейчас метод getElement выглядит так:

getElement(e) {
 e.preventDefault()
 
}

Answer 1

[Konstantin Malyarov]

<li v-for="(element, index) in elements" :key="index"><a href="#" @click="getElement(index)">{{ element.param }}</a></li>

getElement(index) {
 e.preventDefault()
 
}

На будущие делайте так: console.log(e)
Это вам покажет всю информацию о событии (там же лежит индекс элемента)

Comments

[Дмитрий Гололобов]

e.preventDefault в данном случае не работает! Вываливается ошибка e is not defined

[Ihor Bratukh]

@click.prevent="getElement(index)"

getElement(index) {
 console.log(index)
}