鼠标移入移出事件代码
<div @mouseenter="onMouseOver(item)" @mouseleave="onMouseOut"></div>
methods
methods:{// 鼠标移入onMouseOver(item){console.log(item, '鼠标进来了');},// 鼠标移出onMouseOut(){console.log('鼠标出去了');},},
这样一个简单的鼠标移入移出事件就完成了。
但是,我在我的标签中加上鼠标移出移入事件过后,并没有什么反应,在查阅了官方文档之后,才发现了加一个属性有可能就能解决这个问题:
即添加native属性即可解决:
<div @mouseenter.native="onMouseOver(item)" @mouseleave.native="onMouseOut"></div>