Vue中 鼠标移入div和移出div 改变样式
<divstyle="border-radius:10px" @mouseover="mouseOver":style="active" @mouseleave="mouseLeave"></div>data(){return{active:""}}methods(){mouseOver(){//改变样式this.active = 'background-color: rg
·
<div style="border-radius:10px" @mouseover="mouseOver" :style="active" @mouseleave="mouseLeave">
</div>
data(){
return{
active:""
}
}
methods(){
mouseOver(){
//改变样式
this.active = 'background-color: rgb(235,235,235)';
},
mouseLeave() {
//清空样式
this.active = '';
},
}
更多推荐
已为社区贡献4条内容
所有评论(0)