How to get the index of a list item when clicking on a link inside it?

Question

Vue.js

There is a pattern

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

We need to run the getElement method so that it knows which element I clicked on. Those. either pass the index of the list element into it, or the entire value of element. That being said, I need to use preventDefault on the link.
Now the getElement method looks like this:

getElement(e) {
 e.preventDefault()
 
}

Answer 1

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

getElement(index) {
 e.preventDefault()
 
}

For the future, do this: console.log(e)
This will show you all the information about the event (the element index is also there)