Here is a for list snippet:
<li
class="projects-item"
v-for="project in filteredProjects"
:key="project.id"
v-on:mouseover="displayHoverInfo($event, project)"
v-on:mouseleave="hover = false"
>
<router-link v-bind:to="'/project/' + project.slug">
In JavaScript:
displayHoverInfo(event, project) {
this.hover = true;
this.hoveredProject = project;
console.log(event);
}
Everything works fine on desktop, but on mobile (tapping), only the v-on:mouseover/v-on:mouseleave events are triggered.