Comment cocher la première case de la boucle v-for par défaut via vue ?

Ci-dessous, je vais partager avec vous une méthode d'implémentation basée sur la case à cocher vue v-for loop - la première est cochée par défaut. Elle a une bonne valeur de référence et j'espère qu'elle sera utile à tout le monde.

Scénario d'application : Lors de plusieurs sélections, la première est généralement affichée par défaut.

Méthode d'implémentation : implémentation de vue pure

Exemple :

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

Extension : La case à cocher sélectionnée par défaut doit uniquement être spécifiée par index.

J'ai compilé ce qui précède pour vous, j'espère que cela vous sera utile à l'avenir.

Articles associés :

Méthode de l'environnement de développement Vue-cli pour implémenter les requêtes inter-domaines

Balises Angular5 pour le composant lui-même Méthode d'ajout d'une classe de style

Exemple de code de Vue pour implémenter l'effet de commutation de carrousel de composants internes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!