vue中如何設定滑鼠經過切換樣式

2021-10-24 11:55:58 字數 636 閱讀 5957

在需要設定樣式的標籤上加上mouseover和mouseout屬性,**如下

@可以替換為v-on:,不影響使用

這裡p標籤的樣式是「content-p」

$event是指當前觸發的是什麼事件(滑鼠事件,鍵盤事件等)

在vue的methods裡新增addactive和removeactive方法,分別是

addactive($event) ,

removeactive($event) ,

其中currenttarget指的是當前目標,$event.currenttarget可以選中當前的目標,並將classname屬性修改為想要的新屬性,這裡加入了乙個active樣式對content-p的屬性值做了覆蓋,同時在滑鼠移走後觸發removeactive事件,可以去除之前加入的樣式

classname後的類可以打亂順序,但是在css中一定要按順序寫,如active和content-p的順序不能顛倒。即權重一樣的情況下後面宣告的會覆蓋前面宣告的。

舉個例子

123

456

這種情況,因為blue模擬red後宣告,所以123和456顯示時都是藍色,跟class後的順序無關。

Access中如何設定滑鼠指標?

access中如何設定滑鼠指標?問題 如何設定滑鼠指標?方法一 private declare function alxsetcursor lib user32 alias setcursor byval hcursor as long as long 將指定的滑鼠指標設為當前指標 private ...

VC中滑鼠經過按鈕彈出功能提示(TIPS)

在 製作中,將為某些鏈結新增相關說明,特別是一些鏈結。而在vc中,也常常為一些按鈕新增一些功能提示。下面講解實現過程 該功能的實現主要是用ctooltipctrl類。該類在vc msdn中有詳細說明。首先在對話方塊的標頭檔案中加入初始化語句 public 下,加入 ctooltipctrl m my...

MFC 滑鼠經過控制項中的button時呈手形

就像瀏覽網頁時一樣,當滑鼠經過乙個鏈結時,滑鼠變成手形,在vc中一樣也可以。一樣非常簡單,只需響應父視窗訊息 onsetcursor cwnd pwnd,uint nhittest,unit message 利用類嚮導為該對話方塊新增onsetcursor cwnd pwnd,uint nhitte...