回答編集履歴
1
追記
test
CHANGED
|
@@ -185,3 +185,25 @@
|
|
|
185
185
|
|
|
186
186
|
|
|
187
187
|
[サンプル](https://jsfiddle.net/3tgpLdoc/)
|
|
188
|
+
|
|
189
|
+
|
|
190
|
+
|
|
191
|
+
# 追記(コメントへの回答です)
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
**方法１**
|
|
196
|
+
|
|
197
|
+
[押されたボタンとテキストの状態によってclickの振る舞いを変える](https://jsfiddle.net/zcau3k76/)
|
|
198
|
+
|
|
199
|
+
|
|
200
|
+
|
|
201
|
+
**方法２**
|
|
202
|
+
|
|
203
|
+
[ボタンをA, B, C, D と用意しておき、クリックされたボタンによって表示を切り替える](https://jsfiddle.net/e0v85ws7/)
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
|
|
207
|
+
方法1 はコードがカオスになりがち、方法2 はボタンの順番を制御(たとえば C B という並びに)できません。
|
|
208
|
+
|
|
209
|
+
順番を制御するには、それぞれのボタンをコンポネントに切り出し[動的なコンポネント](https://jp.vuejs.org/v2/guide/components.html#%E5%8B%95%E7%9A%84%E3%81%AA%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88)で切り替えます。(もっといい方法があるかも)
|