The v-hover
component provides a clean interface for handling hover states for any component.
The v-hover
component is a wrapper that should contain only one child element, and can trigger an event when hovered over. In order for v-hover
to work properly, either the value
prop should be set to true
or the wrapped element should contain slot-scope="{ wrapper }"
.
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.
Le propdisabled
désactive la fonctionnalité de survol.
Retarder les événements v-hover
en utilisant les props open-delay
et close-delay
en combinaison ou séparément.
v-hover
peut être utilisé en combinaison avec v-for
pour faire un seul élément se détacher lorsque l'utilisateur interagit avec la liste.
Crée des composants hautement personnalisés qui répondent à l'interaction des utilisateurs.
Prêt pour plus ? Continuez la lecture avec :