Why doesn't @mouseover binding work in a loop?

Question

Vue.js

<nuxt-link tag="article" :to="`${element.slug}`" v-for="(element, index) in articles" class="element-item"  :key="index" @mouseover="hoverAction">

For some reason it mouseoverdoes not work on these elements.
Works on any other page.

Answer 1

because you need to pass a parameter to hoverAction, otherwise, what do you want to point the mouse at?

Answer 2

Everything works https://jsfiddle.net/80unpjkp/