javascript
1<tr v-for="(val, idx) in list1"> 2 <td> 3 <input type="radio" v-bind:checked="val.main_flg"> 4 </td> 5</tr>
というようなradioボタンをVue.js作成しています。
ループで作成したradioボタンのvalueは、val.main_flgに0か1で格納されています。
グルーピングし、ループが3回回った場合、1つにcheckedをつけられ、その他はcheckを外したいと思っています。
input textの場合は、下記のようにすると双方向に自然とバインディングされます。
html
1<input type="text" v-model="val.name" />
上記のようなradioボタンを作成した場合、どのようにすると、list1に格納されているmain_flgの値通りにradioボタンがチェックされ、
チェックの変更を行った際には、1つにcheckedをつけられ、その他はcheckが外れるような制御ができるのでしょうか?
list1の中身は下記のようになっています。
json
1list1: [ 2 {name: 'aaa',main_flg:1}, 3 {name: 'bbb',main_flg:0}, 4 {name: 'ccc',main_flg:0}, 5 ]
よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。