[Vuejs]-Mouseover and mouseout misbehaves when Vue JS transition component is used

by

2👍

✅

There was issue with the event that I was listening to. Adding a detailed answer here for benefit of others looking for solution to similar question.

See the WC3 documentation here

The mouseover event triggers when the mouse pointer enters the div element, and its child elements.
The mouseenter event is only triggered when the mouse pointer enters the div element.

changing @mouseover to @mouseenter and @mouseout to @mouseleave solves the issue.

👤Mayank Kumar Chaudhari

3👍

Try to use
@mouseenter and @mouseleave combination

👤Shamsail

Leave a comment