Wie überprüfe ich das erste Kontrollkästchen in der V-For-Schleife standardmäßig über Vue?

Im Folgenden werde ich Ihnen eine Implementierungsmethode vorstellen, die auf dem Vue-for-Loop-Kontrollkästchen basiert. Das erste ist standardmäßig aktiviert. Es hat einen guten Referenzwert und ich hoffe, dass es für alle hilfreich ist.

Anwendungsszenario: Bei einer Mehrfachauswahl wird in der Regel standardmäßig die erste angezeigt.

Implementierungsmethode: reine Vue-Implementierung

Beispiel:

<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的，即为第一个复选框添加属性。

Erweiterung: Das standardmäßig ausgewählte Kontrollkästchen muss nur per Index angegeben werden.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Methode der Vue-cli-Entwicklungsumgebung zur Implementierung domänenübergreifender Anforderungen

Angular5-Tags für die Komponente selbst Methode zum Hinzufügen einer Stilklasse

Vues Beispielcode zur Implementierung des internen Komponentenkarussell-Umschalteffekts

Das obige ist der detaillierte Inhalt vonWie überprüfe ich das erste Kontrollkästchen in der V-For-Schleife standardmäßig über Vue?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!