vueを学ぶためにTODOアプリを作っていた際、チェックボックスに初期値を入れるうまい方法は無いかなーと探していた時の備忘録。
結論
<input type="checkbox" :checked="true"/>
trueとなっている部分にはデータプロパティなどを入れることができる。
例えば簡素なTODOアプリであれば、以下のようになる。
<tbody v-for="todo in todos">
<tr>
<td>{{ todo.name }}</td>
<td><input type="checkbox" :checked="todo.done"/></td>
</tr>
</tbody>
todo.doneがtrueならばチェックされた状態になる。
参考
最後に
もし間違っている部分や、ここはもっと良い書き方がある！などございましたら、どんなに些細な事でも構いません。
すぐに修正しますのでお気軽にお申し付け下さい。