vue js - v-model属性でデフォルトでラジオボタンがチェックされない

Question

v-model属性を削除すると、checkedが機能します。

<input type="radio" name="sign" value="+" v-model="sumType" checked="checked"> Addition 
<input type="radio" name="sign" value="-" v-model="sumType"> Subtraction 

vue jsモデル属性を持つラジオボタンをデフォルトでチェックするにはどうすればよいですか？

Answer 1

sumTypeモデルの値がchecked属性を上書きします。

おそらく、あなたが結合値（v-bind:value=""）を指定します：

<input type="radio" name="sign" value="+" v-bind:value="+" v-model="sumType"> Addition 
<input type="radio" name="sign" value="-" v-bind:value="-" v-model="sumType"> Subtraction 

Answer 2

はちょうどあなたがデフォルトでチェックしたいラジオの値にv-modelプロパティを設定します。例えば

：

export default { 
    data() { 
    return { 
     sumType: '-' 
    } 
    } 
} 

は、ページのロードにSubtractionラジオを選択することになります。 （上記のコンポーネント構造を持つ）は、次のHTMLを使用して

作品：

<input type="radio" name="sign" value="+" v-model="sumType"> Addition 
<input type="radio" name="sign" value="-" v-model="sumType"> Subtraction