vue里边实现鼠标移入移出显示隐藏内容的方法
vue里边实现鼠标移入移出显示隐藏内容的方法
·
写法:标签上写入事件。
<div @mouseenter="onMouseOver(item)" @mouseleave="onMouseOut"></div>
解析:item 是参数,不需要的可以不写
下边写入方法:
methods:{
// 鼠标移入
onMouseOver(item){
console.log(item, '鼠标进来了');
},
// 鼠标移出
onMouseOut(){
console.log('鼠标出去了');
},
},
至此,即可实现鼠标移入移出显示隐藏内容的效果。
更多推荐
已为社区贡献6条内容
所有评论(0)