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

API

예제

Disabled

The disabled prop disables the hover functionality.

Open/Close Delay

Delay v-hover events by using open-delay and close-delay props in combination or separately.

Hover list

v-hover can be used in combination with v-for to make a single item stand out when the user interacts with the list.

Transitions

Create highly customized components that respond to user interaction.

Edit this page | language on Github
Vuetify
상점For Enterprise