vue中实现鼠标悬浮显示隐藏
vue中实现鼠标悬浮显示隐藏<div class="company-name" @mouseenter="onMouseOver"><p>鼠标悬浮在此显示,移开列表隐藏</p></div><div class="show-seen" v-show="seen"@mouseleave="onMouseOut">&l...
·
vue中实现鼠标悬浮显示隐藏
<div class="company-name" @mouseenter="onMouseOver">
<p>鼠标悬浮在此显示,移开列表隐藏</p>
</div>
<div class="show-seen" v-show="seen" @mouseleave="onMouseOut">
<ul>
<li class="ellipsis"><span class="li-img" v-for="i in 10" :key="i">哈哈哈哈</li>
</ul>
</div>
data () {
return {
seen: false,
}
},
methods: {
onMouseOver() {
this.seen=true
},
onMouseOut() {
this.seen=false
},
}
更多推荐
已为社区贡献1条内容
所有评论(0)