The v-list-item-group provides the ability to create a group of selectable v-list-items. The v-list-item-group component utilizes v-item-group at its core to provide a clean interface for interactive lists.
Par défaut, le v-list-item-group fonctionne de la même manière que v-item-group. Si une valeur n'est pas fournie, le groupe fournira un défaut basé sur son index.
Sélectionnez le composant désiré ci-dessous afin de voir les props, slots, événements et méthodes disponibles.
Vous trouverez ci-dessous une collection d'exemples simples ou complexes.
Vous pouvez facilement désactiver la mise en surbrillance par défaut des éléments sélectionnés v-lists. Cela crée un profil inférieur pour les choix d'un utilisateur.
Vous pouvez sélectionner plusieurs éléments à la fois.
Au moins un élément doit être sélectionné.
Vous pouvez définir une classe qui sera ajoutée lorsqu'un élément est sélectionné.
En utilisant l'emplacement par défaut, vous pouvez accéder à un état interne des éléments et le activer. Puisque la propriété active est une boolean, nous utilisons le prop true-value sur la case à cocher pour lier son état à l'élément v-list.
Prêt pour plus ? Continuez la lecture avec :