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 }".
Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.
Unten finden Sie eine Sammlung einfacher bis komplexer Beispiele.
The disabled prop disables the hover functionality.
Delay v-hover events by using open-delay and close-delay props in combination or separately.
v-hover can be used in combination with v-for to make a single item stand out when the user interacts with the list.
Create highly customized components that respond to user interaction.