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>