質問編集履歴
1
試したことを追記しました
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
|
|
9
9
|
こちらのページを参考にラジオボタンを作成しました
|
|
10
10
|
|
|
11
|
-
そしてv-modelで値を取得しようと下記のコードを作成したのですが
|
|
11
|
+
そして`v-model`で値を取得しようと下記のコードを作成したのですが
|
|
12
12
|
|
|
13
|
-
値取得がうまくいかず、いろいろ試してみて data-toggle="buttons" を外してみたら値の取得ができるようになりました
|
|
13
|
+
値取得がうまくいかず、いろいろ試してみて `data-toggle="buttons"` を外してみたら値の取得ができるようになりました
|
|
14
14
|
|
|
15
15
|
ボタンの表示、切り替えもきちんと動作しています
|
|
16
16
|
|
|
@@ -114,6 +114,38 @@
|
|
|
114
114
|
|
|
115
115
|
|
|
116
116
|
|
|
117
|
+
### 試したこと
|
|
118
|
+
|
|
119
|
+
・該当のソースコードでテストした場合
|
|
120
|
+
|
|
121
|
+
radioボタンをクリックすると見た目上は切り替わるが
|
|
122
|
+
|
|
123
|
+
showメソッドからは初期値の3しか表示されない
|
|
124
|
+
|
|
125
|
+
|
|
126
|
+
|
|
127
|
+
・該当のソースコードから`data-toggle="buttons"`を外した場合
|
|
128
|
+
|
|
129
|
+
radioボタンをクリックすると見た目が切り替わり
|
|
130
|
+
|
|
131
|
+
showメソッドからも入力通りの値が表示される
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
・該当のソースコードから`data-toggle="buttons"`と`v-model`を外した場合
|
|
136
|
+
|
|
137
|
+
radioボタンをクリックすると見た目が切り替わらない
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
以上のことから`v-model`が`data-toggle`の役割を果たしているのではないかと思い
|
|
142
|
+
|
|
143
|
+
vue.jsとbootstrap.jsを読んでいるのですがなかなか理解できず質問することにしました
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
そもそもなぜ`data-toggle="buttons"`と`v-model`が共存できないのかがわからないです
|
|
148
|
+
|
|
117
149
|
### テスト環境
|
|
118
150
|
|
|
119
151
|
windows10
|