vueを介してデフォルトでv-forループチェックボックスの最初のものをチェックするにはどうすればよいですか?

ここで、vue v-for ループのチェックボックスに基づいた実装方法を共有します。最初のチェックボックスはデフォルトでチェックされており、優れた参考値となっており、皆さんのお役に立てれば幸いです。

アプリケーションシナリオ: 複数の選択を行う場合、通常は最初の選択がデフォルトで表示されます。

実装方法：純粋なvue実装

例：

<span v-for="(one,index) in site"><input type="checkbox" :checked="index == 0" style="vertical-align: middle;"><label>{{one.name}}</label></span>

//:checked="index == 0"为索引为0的，即为第一个复选框添加属性。

拡張子：デフォルトで選択されているチェックボックスのみインデックスで指定します。

上記は私があなたのためにまとめたものです。

関連記事:

クロスドメインリクエストを実装するVue-cli開発環境メソッド

コンポーネント自体のラベルにスタイルクラスを追加するAngular5メソッド

Vueによる内部実装の例コンポーネントカルーセル切り替えエフェクト コード

以上がvueを介してデフォルトでv-forループチェックボックスの最初のものをチェックするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。