写法:标签上写入事件。

<div @mouseenter="onMouseOver(item)"  @mouseleave="onMouseOut"></div>

解析:item 是参数,不需要的可以不写

下边写入方法:

methods:{
    // 鼠标移入
    onMouseOver(item){
      console.log(item, '鼠标进来了');
    },
    // 鼠标移出
    onMouseOut(){
      console.log('鼠标出去了');
    },
},

至此,即可实现鼠标移入移出显示隐藏内容的效果。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐