- Products -


Software


NEWS


Special



- Knowledge -


Category × Tag



- Like -

公開
作成日:2022/11/09 16:43:23
更新日:2022/11/10 13:59:10

vueで複数のチェックボックスにv-modelを設定する

・inputタグに対し、:valueとv-modelの設定を行うだけで実現可能。
・選択された項目の:valueがv-modelで指定したオブジェクトや配列に格納される。

使い方


・チェックされたものを「データ格納オブジェクトまたは配列」に格納する例

<div v-for="row in 対象オブジェクト">
    <input type="checkbox" :value="row.プロパティ名" v-model="データ格納オブジェクトまたは配列" />
    <span>{{row.プロパティ名}}</span>
</div>


参考


https://qiita.com/5ou/items/33991607374645c3f799


Category



Tag




関連記事


{{tmp.name}}

{{article.category}} {{article.title}}