正しいラジオボタンをチェックするようにvuejsを設定する方法

Question

ラジオボタンのセットがあり、正しい選択をしたい。私は、financing.is_reamortizableという値を持っています。これは、エンドユーザーがこのクリックをしたかどうかを反映する必要があります。これを拘束するか、計算された財産や他の選択肢を使ってチェックすることができますか？

<div class='row both10'> 
     <div class='col-md-4 input-group'> 
     Reamortization Available: 
     </div> 
     <div class='col-md-3 input-group'> 
     Yes<input type='radio' name='financing[is_reamortizable]' value="true" v-bind:value="financing.is_reamortizable" /> 
     </div> 
     <div class='col-md-3 input-group'> 
     No<input type='radio' name='financing[is_reamortizable]' value="false" /> 
     </div> 
    </div> 

Answer 1

公式ドキュメントを使用すると、同じ変数（https://vuejs.org/v2/guide/forms.html#Radio）の両方のラジオボタンにv-modelを設定する必要があることを示しています。値が静的（trueおよびfalse）なので、この例ではv-bind:valueは必要ありません。

だからあなたのコードになるでしょう：

<div class='row both10'> 
     <div class='col-md-4 input-group'> 
     Reamortization Available: 
     </div> 
     <div class='col-md-3 input-group'> 
     Yes<input type='radio' name='financing[is_reamortizable]' value="true" v-model="financing.is_reamortizable" /> 
     </div> 
     <div class='col-md-3 input-group'> 
     No<input type='radio' name='financing[is_reamortizable]' value="false" v-model="financing.is_reamortizable"/> 
     </div> 
    </div>