2017-05-24 4 views
2

私はプロジェクトでVueJsを使用していますが、ページ読み込みラジオバートンのステータスをステータスの必要性にチェックする必要があります。その後、ラジオボタンを変更すると、ビヘイビアのdivが非表示になります。私は、コードを怒鳴る書かが、それは動作していない:どうやらvuejsでデフォルトでラジオボタンをチェックする方法は?

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; 
} 
} 
}) 

答えて

2

、Vueが入力をチェックしますバインドされた値が入力値と同じである場合: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" 
    } 
}) 

:このフィドル

チェックアウト上のコードは男性のものではなく、女性の入力をチェックします

+0

ベースのラジオボタンdivはshow hideでなければなりません。どうすれば "https://jsfiddle.net/v7zj4c13/1/"を行うことができますか –

+0

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

関連する問題