1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > vue实现鼠标移入移出事件+解决鼠标事件没有反应

vue实现鼠标移入移出事件+解决鼠标事件没有反应

时间:2020-02-13 01:07:20

相关推荐

vue实现鼠标移入移出事件+解决鼠标事件没有反应

鼠标移入移出事件代码

<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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。