为了账号安全,请及时绑定邮箱和手机立即绑定

要疯了要疯了

老师,如何实现鼠标移入移出来改变登陆,注册按钮的背景颜色,搜了很久发现都不行。。、

要疯了


正在回答

5 回答

然后,还可以使用CSS中的:hover属性来实现鼠标移入改变背景属性,参考:CSS :hover 选择器

0 回复 有任何疑惑可以回复我~
#1

qq_宠溺_03913139 提问者

用hover也没啥改变。 <button class="btn" :class="{'active':active}" type="button" @click="login()" @mouseover ="()=>{this.active=false}" @mouseleave="()=>{this.active=true}">登陆</button> 这样写没毛病吧。。。mouse事件
2019-05-08 回复 有任何疑惑可以回复我~
#2

Brian 回复 qq_宠溺_03913139 提问者

可以在在线code软件里面试试就知道啦~~~~~
2019-05-10 回复 有任何疑惑可以回复我~

这个使用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;

 }


在线代码:https://codepen.io/kanlidy/pen/OYVqYK

0 回复 有任何疑惑可以回复我~
#1

qq_宠溺_03913139 提问者

老师能不能把这个课程中的demo2中的vue.config.js的配置写一下,我搜了一些,发现实现看不懂而且也不行。
2019-05-08 回复 有任何疑惑可以回复我~
#2

Brian 回复 qq_宠溺_03913139 提问者

你是配置出了什么问题?
2019-05-10 回复 有任何疑惑可以回复我~
#3

qq_宠溺_03913139 提问者 回复 Brian

根本看不懂如何配置。。。或者老师给个链接地址,看看怎么配置的
2019-05-10 回复 有任何疑惑可以回复我~
#4

Brian 回复 qq_宠溺_03913139 提问者

https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE
2019-05-10 回复 有任何疑惑可以回复我~
#5

qq_宠溺_03913139 提问者 回复 Brian

ok.
2019-05-10 回复 有任何疑惑可以回复我~
查看2条回复

我把调试工具关掉就可以了,,一打开就没效果,,,,,,,

0 回复 有任何疑惑可以回复我~

还是有问题,,

https://img1.sycdn.imooc.com//5cd292ea0001bcd204400287.jpg

https://img1.sycdn.imooc.com//5cd292eb0001d01306680181.jpg

不是已经定义了吗,为啥会报错

0 回复 有任何疑惑可以回复我~
#1

qq_宠溺_03913139 提问者

弄了一会,错倒是不报了,就是没效果
2019-05-08 回复 有任何疑惑可以回复我~
#2

qq_宠溺_03913139 提问者 回复 qq_宠溺_03913139 提问者

行了,,,可能是因为电脑没反应过来
2019-05-08 回复 有任何疑惑可以回复我~

谢谢老师


0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

要疯了要疯了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信