Mouseover or hover vue.js

Question

I would like to show a div when hovering over an element in vue.js. But I can\'t seem to get it working.

It looks like there is no event for hover or mouseover in vue.j

Answer 1

To show child or sibling elements it's possible with CSS only. If you use :hover before combinators (+, ~, >, space). Then the style applies not to hovered element.

HTML

  

    Hover here.
  
  

    This message shows up.
  

CSS

.hidden { display: none; }
.trigger:hover + .hidden { display: inline; }