悬停

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

用例

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

Options

value

disabled

open delay

close delay

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

props

slots

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

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

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

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

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

想要了解更多？继续阅读：

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