Vuetify

Boutique

Entreprises

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 }".

Options

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 :

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!