要疯了要疯了
来源：4-5 单页面应用Demo2（2）
qq_宠溺_03913139
2019-05-07 01:57
老师，如何实现鼠标移入移出来改变登陆，注册按钮的背景颜色，搜了很久发现都不行。。、
要疯了
写回答
关注
5回答
-
- Brian
- 2019-05-08 11:18:50
然后，还可以使用CSS中的:hover属性来实现鼠标移入改变背景属性，参考：CSS :hover 选择器
-
- Brian
- 2019-05-08 11:16:50
这个使用mouseover, mouseleave事件，如下代码：
HTML部分：
<div id='app'>
<div class="box"
:class="{'active': active}"
@mouseleave="()=>{this.active=false}"
@mouseover="()=>{this.active=true}">
hello world
</div>
</div>
JS部分：
var app = new Vue({
el: '#app',
data: {
active: false
}
})
CSS部分：
.box {
width: 100px;
height: 100px;
border: 1px solid black;
}
.active {
background: red;
}
-
- qq_宠溺_03913139
- 2019-05-08 17:16:44
我把调试工具关掉就可以了，，一打开就没效果，，，，，，，
-
- qq_宠溺_03913139
- 2019-05-08 16:27:41
还是有问题，，
不是已经定义了吗，为啥会报错
-
- qq_宠溺_03913139
- 2019-05-08 15:57:01
谢谢老师
3小时速成 Vue2.x 核心技术
带你快速学习最流行的前端框架vue2.x的核心技术
82574 学习 · 489 问题
相似问题