鼠标移入移出事件代码
<div @mouseenter="onMouseOver(item)" @mouseleave="onMouseOut"></div>methods
methods:{
// 鼠标移入
onMouseOver(item){
console.log(item, '鼠标进来了');
},
// 鼠标移出
onMouseOut(){
console.log('鼠标出去了');
},
},这样一个简单的鼠标移入移出事件就完成了。
但是，我在我的标签中加上鼠标移出移入事件过后，并没有什么反应,在查阅了官方文档之后，才发现了加一个属性有可能就能解决这个问题：
文章来源：https://www.toymoban.com/news/detail-723356.html
即添加native属性即可解决：文章来源地址https://www.toymoban.com/news/detail-723356.html
<div @mouseenter.native="onMouseOver(item)" @mouseleave.native="onMouseOut"></div>到了这里，关于【前端】vue实现鼠标移入移出事件+解决鼠标事件没有反应的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
