Maison > interface Web > Tutoriel H5 > La case à cocher boucle de vue v-for a la première cochée par défaut

La case à cocher boucle de vue v-for a la première cochée par défaut

php中世界最好的语言
Libérer: 2018-03-27 16:36:40
original
3079 Les gens l'ont consulté

Cette fois, je vous apporte la boucle de vue v-for avec la première cochée par défaut, vue v-for loop case à cocher La première Notes sont cochées par défaut. Voici les cas pratiques.

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的,即为第一个复选框添加属性。
Copier après la connexion

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

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

L'application Web implémente l'actualisation de la force arrière

Comment utiliser le générateur automatique dans ionic2

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal