質問編集履歴

2

回答への返信

2021/08/26 08:24

投稿

moyong
moyong

スコア19

test CHANGED
File without changes
test CHANGED
@@ -331,3 +331,17 @@
331
331
 
332
332
 
333
333
  ```
334
+
335
+
336
+
337
+ ---
338
+
339
+ q_sane_qさん回答ありがとうございます。
340
+
341
+ そうです!がうまくいきませんでした。
342
+
343
+ ![イメージ説明](debf1e7c02a476726bcc2528da92d31d.png)
344
+
345
+
346
+
347
+ コンソール見るとクラスは2つとも当たってくれていることが分かるものの、どうやらgrid-areaが効いていないようです。ここから先はVueというよりCSSの範疇の気がしていますが原因はわかりますでしょうか...?

1

脱字の修正

2021/08/26 08:24

投稿

moyong
moyong

スコア19

test CHANGED
File without changes
test CHANGED
@@ -1,5 +1,9 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
+ 電卓アプリをVue.jsの学習のため作っています。
4
+
5
+ `v-for`ディレクティブを使ってclassを動的に付与したいと考えていますがうまくいきません。
6
+
3
7
  ![イメージ説明](285569b49781f98d8de43336dd0eca8a.png)
4
8
 
5
9
 
@@ -20,7 +24,11 @@
20
24
 
21
25
 
22
26
 
23
- `.inputBtn`クラスは無事当たっていて、2つ目の`input◯◯`は当たっていないようです。2つめのクラスを当てるにはどう書けばいいのでしょうか?
27
+ `.inputBtn`クラスは無事当たっていて、2つ目の`.input◯◯`は当たっていないようです。
28
+
29
+ 2つめのクラスさえ当たれば綺麗に並んでくれることを既にテスト済みです。
30
+
31
+ この書き方のどこが間違っていますか?
24
32
 
25
33
  ドキュメントをあたりましたがわかりませんでした...
26
34