要瘋了要瘋了
老師，如何實(shí)現(xiàn)鼠標(biāo)移入移出來改變登陸，注冊按鈕的背景顏色，搜了很久發(fā)現(xiàn)都不行。。、
要瘋了
qq_寵溺_03913139
2019-05-07
5 回答
舉報(bào)
0/150
提交
取消
2019-05-08
然后，還可以使用CSS中的:hover屬性來實(shí)現(xiàn)鼠標(biāo)移入改變背景屬性，參考：CSS :hover 選擇器
2019-05-08
這個(gè)使用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
2019-05-08
我把調(diào)試工具關(guān)掉就可以了，，一打開就沒效果，，，，，，，
2019-05-08
還是有問題，，
不是已經(jīng)定義了嗎，為啥會報(bào)錯(cuò)
2019-05-08
謝謝老師