vue v-for のループ チェックボックスは、デフォルトで最初のチェックボックスがオンになっています。

今回は、デフォルトでチェックされている 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的，即为第一个复选框添加属性。

拡張子：チェックボックスはデフォルトで選択されており、インデックスで指定するだけで済みます。 この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

Web アプリケーションのバック フォース リフレッシュの実装

ionic2 で自動ジェネレーターを使用する方法

以上がvue v-for のループ チェックボックスは、デフォルトで最初のチェックボックスがオンになっています。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。