Help us understand the problem. What is going on with this article?

Vue.js ラジオボタンの選択状態でボタンを押せる・押せないを実装したいとき

More than 1 year has passed since last update.

単純なradioボタンではなく、radioと連動して、buttonを活性・非活性にしたいときは、こうやると期待どおりに動きました。

公式のようにvalueをそのままやるとdata内でうまく値が連携されないようです。
:value(v-bind:value)でやるとうまくいきました。

<input type="radio" v-model="picked" :value="true">hoge
<input type="radio" v-model="picked" :value="false">fuga

<button :disabled="!picked">HOGE</button>
<button :disabled="picked">FUGA</button>

Vue.js
フォーム入力バインディング

yoshinyan
Webアプリケーションエンジニア。 PHP/Laravel/JavaScript/Vue.js/Ruby/Rails
https://yoshinyan99.hatenablog.com/
yyphp
PHPerが毎週集まり、ざっくばらんに情報交換する雑談コミュニティ
https://yyphp.connpass.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away