Vuetify

商店

企业版

v-hover 组件为任何组件处理悬停状态提供了一个干净的接口。

v-hover 组件是一个包装器,它只能包含一个子元素,并且可以在悬停时触发事件。 为了让 v-hover 正常工作,value 属性应该设置为true,或者包裹元素应该包含slot-scope="{ wrapper }"。

Options

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

下面是一些简单到复杂的例子。

disabled 属性支持禁用悬停功能。

通过组合使用 open-delayclose-delay 属性来延迟 v-hover 事件。

v-hover 可以与 v-for 组合使用,当用户与列表交互时,使单个项突出。

创建高度定制的组件以响应用户交互。

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