質問編集履歴
1
追記を入れました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -46,7 +46,7 @@
|
|
46
46
|
|
47
47
|
|
48
48
|
|
49
|
-
<div id="app">
|
49
|
+
<div id="app">
|
50
50
|
|
51
51
|
|
52
52
|
|
@@ -76,7 +76,7 @@
|
|
76
76
|
|
77
77
|
</div>
|
78
78
|
|
79
|
-
|
79
|
+
</div>
|
80
80
|
|
81
81
|
</body>
|
82
82
|
|
@@ -231,3 +231,29 @@
|
|
231
231
|
![イメージ説明](9da996fa8d60a7df8c97ef074c23bbcc.jpeg)
|
232
232
|
|
233
233
|
クリックでactiveが消えないのは、入れ子になっているからでしょうか?
|
234
|
+
|
235
|
+
|
236
|
+
|
237
|
+
### 追記
|
238
|
+
|
239
|
+
HTMLの</div>の位置が変なところになったので直しました。
|
240
|
+
|
241
|
+
|
242
|
+
|
243
|
+
画像クリックのときのエラーは以下のようにでます。
|
244
|
+
|
245
|
+
![イメージ説明](737d9cd2c97e977fb22f035efde1d858.jpeg)
|
246
|
+
|
247
|
+
|
248
|
+
|
249
|
+
クリックでclassのactiveをすべて消して、クリック箇所にactiveを再付与は以下のように書き替えたらできましたが、Vue.jsではエラーになってしまいます。
|
250
|
+
|
251
|
+
```javascript
|
252
|
+
|
253
|
+
let nodes = document.getElementsByClassName("thumb")
|
254
|
+
|
255
|
+
for (i = 0; i < nodes.length; i++){ nodes[i].children[0].classList.remove("active") }
|
256
|
+
|
257
|
+
b.classList.add("active")
|
258
|
+
|
259
|
+
```
|