回答編集履歴

1

エラーメッセージを受けて追記

2021/08/16 06:33

投稿

mather
mather

スコア6759

test CHANGED
@@ -27,3 +27,33 @@
27
27
  </div>
28
28
 
29
29
  ```
30
+
31
+
32
+
33
+ ## 追記
34
+
35
+
36
+
37
+ 英文のエラー(警告)メッセージにあるとおりですね。
38
+
39
+
40
+
41
+ ```
42
+
43
+ <div id="app">
44
+
45
+ <select v-model="selected">
46
+
47
+ <option v-for="size in sizes" :key="size">{{ size }}</option>
48
+
49
+ </select>
50
+
51
+ <button :class="selected">ボタン</button>
52
+
53
+ </div>
54
+
55
+ ```
56
+
57
+
58
+
59
+ 変数を `{{ value }}` で展開しても良いですが、 HTMLタグの属性に関しては `:class="value"` で展開可能なのでそちらを使いましょう、ということですね。