質問編集履歴
3
タイトルを変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
Vue.jsのmouseover, mouseleaveの挙動に不明な点があります
|
body
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
という、`.box :hover {background-color: red}`と同じ動きになる事を期待していたのですが、背景が戻ったり戻らなかったりとよく分からない挙動になってしまいました。
|
|
10
10
|
|
|
11
11
|
どうコードを修正すれば期待した動きになるでしょうか？
|
|
12
|
+
|
|
12
13
|
皆様よろしければお力添えをお願いいたします。
|
|
13
14
|
|
|
14
15
|
```html
|
2
誤字を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
（サンプル → [https://jsfiddle.net/rogvu9fw/](https://jsfiddle.net/rogvu9fw/)）
|
|
5
5
|
|
|
6
6
|
期待している動きとしては、
|
|
7
|
-
①
|
|
7
|
+
①mouseoverした時にcolorHolderにitem.colorを格納してから、item.colorにredを代入して背景が赤くなる。
|
|
8
8
|
②そしてmouseleaveした時に①で格納した元の色をitem.colorに代入して、背景が元の色に戻る。
|
|
9
9
|
という、`.box :hover {background-color: red}`と同じ動きになる事を期待していたのですが、背景が戻ったり戻らなかったりとよく分からない挙動になってしまいました。
|
|
10
10
|
|
1
誤字を修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【Vue.js】
|
|
1
|
+
【Vue.js】mouseover, mouseleaveが時々反応しない
|
body
CHANGED
|
File without changes
|