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

With mouseover and mouseleave events you can define a toggle function that implements this logic and react on the value in the rendering.

Check this example:

var vm = new Vue({
	el: '#app',
	data: {btn: 'primary'}
});

    
        {{ btn }}