# 悬停 (Hover)
v-hover
组件为处理任何组件的悬停状态提供了一个干净的接口。
# 使用
v-hover
组件是一个包装器,它应该只包含一个子元素并且可以在悬停时可以触发事件。 In order for v-hover
to work properly, either the value prop should be set to true
or the wrapped element should contain v-slot="{ wrapper }"
.
# API
# 示例
# 属性
# 禁用
disabled prop 禁用了悬停功能.
# 打开和关闭延迟
通过组合或单独使用 open-delay 和 close-delay props 延迟 v-hover
事件。
# 其他
# 悬停列表
v-hover
可以与 v-for
结合使用,以便在用户与列表交互时突出单个项目。
# 过渡
创建高度定制的组件以响应用户交互。
了解更多?
继续学习由 我们的团队 选择的相关内容,或通过使用下面的导航链接在页面之间跳转。
在 GitHub 上编辑此页面
最后更新:11/12/2024, 6:59:50 AM