この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

Architect_Programmer_Code農業ネットワーク»建築家 › フロントエンド設計とウェブ › フロントエンドフレーム › Vue v-for ループのチェックボックス - 最初の実装のデフォルトチェック...
眺める： 11532|答える： 0

[ヴュー] Vue v-forループのチェックボックス - 最初の実装メソッドがデフォルトでチェックされます

[リンクをコピー]
掲載地 2018/08/20 10:15:18 | | |

応用シナリオ:複数選択を行う際に、最初のものがデフォルトで表示されることが多いです。

実装方法:Pure 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のインデックスであり、最初のチェックボックスに属性を追加します。

展開:チェックボックスはデフォルトで選択されており、インデックスのみを指定する必要があります。




先の：DNSにおける7つの主要なリソースレコードの紹介!
次に：vueの実装をクリックして確認し、他の実装は選択されません

関連記事
免責事項：
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。
Mail To:help@itsvse.com