亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

要瘋了要瘋了

老師，如何實現鼠標移入移出來改變登陸，注冊按鈕的背景顏色，搜了很久發現都不行。。、

要瘋了


正在回答

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

根本看不懂如何配置。。?；蛘呃蠋熃o個鏈接地址，看看怎么配置的
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下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號