vue js - Optionsfeld wird nicht standardmäßig mit V-Modell-Attribut überprüft

Question

Wenn ich das v-model Attribut entfernen, funktioniert checked funktioniert.

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

Wie überprüfe ich standardmäßig ein Optionsfeld mit einem Vue-Js-Modellattribut?

Answer 1

sumType Der Wert des Modells überschreibt Ihr checked Attribut.

Wahrscheinlich möchten Sie den Bindungswert angeben (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

Nur stellen Sie die v-model Eigenschaft auf den Wert des Radios, die Sie standardmäßig geprüft werden soll.

Zum Beispiel:

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

würde wählen Sie die Subtraction Radio auf Seite laden.

die folgende HTML verwenden (mit der obigen Strukturkomponente) funktioniert:

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