質問編集履歴
2
回答への返信
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -164,4 +164,11 @@
|
|
|
164
164
|
}
|
|
165
165
|
})
|
|
166
166
|
|
|
167
|
-
```
|
|
167
|
+
```
|
|
168
|
+
|
|
169
|
+
---
|
|
170
|
+
q_sane_qさん回答ありがとうございます。
|
|
171
|
+
そうです！がうまくいきませんでした。
|
|
172
|
+
|
|
173
|
+
|
|
174
|
+
コンソール見るとクラスは２つとも当たってくれていることが分かるものの、どうやらgrid-areaが効いていないようです。ここから先はVueというよりCSSの範疇の気がしていますが原因はわかりますでしょうか...？
|
1
脱字の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
|
+
電卓アプリをVue.jsの学習のため作っています。
|
|
3
|
+
`v-for`ディレクティブを使ってclassを動的に付与したいと考えていますがうまくいきません。
|
|
2
4
|
|
|
3
5
|
|
|
4
6
|
### 発生している問題・エラーメッセージ
|
|
@@ -9,7 +11,9 @@
|
|
|
9
11
|
<li v-for="btn in buttons" :key="btn" v-bind:class="['inputBtn', 'input{btn.name}']">
|
|
10
12
|
```
|
|
11
13
|
|
|
12
|
-
`.inputBtn`クラスは無事当たっていて、２つ目の`input◯◯`は当たっていないようです。
|
|
14
|
+
`.inputBtn`クラスは無事当たっていて、２つ目の`.input◯◯`は当たっていないようです。
|
|
15
|
+
２つめのクラスさえ当たれば綺麗に並んでくれることを既にテスト済みです。
|
|
16
|
+
この書き方のどこが間違っていますか？
|
|
13
17
|
ドキュメントをあたりましたがわかりませんでした...
|
|
14
18
|
|
|
15
19
|
### 該当のソースコード
|