2017-05-24 1 views
2

Ich benutze VueJs im Projekt, wenn der Seitenlade-Radio-Buttontonstatus überprüft werden sollte Status muss, danach auf dem Optionsfeld ändern, sollte bell div verstecken und anzeigen. i WRITEN Code unten, aber es funktioniert nicht:wie Radio-Button standardmäßig in Vuejs aktiviert?

html 
---- 
<div id="demo"> 
    <input type="radio" value="male" v-model="male" v-bind:checked="checked" /> 
    <input type="radio" value="male" v-model="male" v-bind:checked="unchecked" /> 
</div> 

javascript 
--------- 
new Vue({ 
    el: '#demo', 
    data: { 
    checked: true 
    }, 
methods:{ 
    onChange:function(){ 
    checked=false; 
} 
} 
}) 

Antwort

2

Offenbar Vue wird Eingang prüfen, ob gebunden Wert das gleiche mit Eingabewert:

Schauen Sie sich diese Geige: https://jsfiddle.net/v7zj4c13/

<input type="radio" name="gender" value="female" v-model="gender"/> 
<input type="radio" name="gender" value="male" v-model="gender"/> 

new Vue({ 
    el: '#demo', 
    data: { 
     gender: "female" 
    } 
}) 

Code oben überprüft den weiblichen Eingang, nicht der männliche

+0

basierte Radio-Taste div sollte zeigen ausblenden, wie kann ich tun "https://jsfiddle.net/v7zj4c13/1/" –

+0

@ra mesh1226 benutze 'v-if' https://jsfiddle.net/v7zj4c13/2/ – Alfa

Verwandte Themen