鼠标经过和移出做div的显示和隐藏

最新推荐文章于 2024-05-25 11:49:01 发布

一个热爱前端的小胖子

最新推荐文章于 2024-05-25 11:49:01 发布

阅读量193

点赞数 1

分类专栏： vue2 文章标签：前端 java javascript

本文链接：https://blog.csdn.net/weixin_70243424/article/details/135023136

版权

vue2 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

// 最右侧的二维码
// mouseover鼠标经过的事件
// mouseleave鼠标离开的事件

<div>
    <div class="qr-right" @mouseover="onHover(0)" @mouseleave="onLeave" >
      <img src="@/assets/img/fudong_icon4.png" alt="" />
    </div>
</div>

ins：null

methods: {
    onHover(i) {
      this.ins = i
    },
    onLeave() {
        this.ins = null
    }
}
  
<div v-if="ins == 0" class="qr-left"></div>