vue实现鼠标移入移出显示或者隐藏div
<--html--><div class="model" @mouseenter="enter" @mouseleave="leave"><img src="../../assets/portalImg/功能导航.png" /><span>功能导航</span></div><div class="popUp" v-sho
·
<--html-->
<div class="model" @mouseenter="enter" @mouseleave="leave">
<img src="../../assets/portalImg/功能导航.png" />
<span>功能导航</span>
</div>
<div class="popUp" v-show="seen" @mouseenter="enter" @mouseleave="leave">
。。。。。
</div>
<--script-->
export default {
data() {
return {
seen: false,
}
},
methods:{
enter() {
this.seen = true;
},
leave() {
this.seen = false;
}
}
}
效果图:
更多推荐
已为社区贡献6条内容
所有评论(0)