[Vue Basics] Shangpinhui Project-08-三段連係動的背景色

方法 1: CSS 経由で行う

方法 2: JS によって完了

まず、マウスが入ったらchangeIndexメソッドを実行

 changeIndex メソッドは、現在のインデックスを出力することです

 

 問題なく見える

 現在のユーザーが選択したインデックスを表す変数 currentIndex を定義します。

 マウスが移動したら、変数 currentIndex の値を変更します

 マウスがどの div に移動すると (つまり、currentIndex==index の場合)、div は cur 属性を追加します。

 最後に cur 属性にスタイルを追加します

 この時点で、マウスが移動したときに背景色を追加する機能は完了していますが、マウスが移動したときに背景色が消えません。別の mouseout イベントを追加しましょう

 

おすすめ

転載: blog.csdn.net/ChaoChao66666/article/details/130490024