Whenever I try to incorporate :mouseover in a v-for loop within the <component>, I encounter an issue.
The method assigned to the :mouseover event is triggered for each element, rather than just for the hovered elements.
<Single-technology
v-for="technology in $t('about.presentation.technologies')"
:key="technology.name"
:name="technology.name"
:percentage="technology.percentage"
:description="technology.description"
:mouseover="showInfo()"
/>
methods: {
showInfo() {
console.log("info");
}
}
What am I hoping for?
I hope that only the hovered (mouseover) elements will invoke the showInfo() method.