Tooltip 文字提示

代码演示

WARNING

使用tooltip时, 一定要为触发元素设置 slot="reference", 否则无法生效。

API

Attributes

参数 说明 类型 可选值 默认值 Version
content 显示的内容 String
disabled 是否禁用Popover Boolean false
offset 出现位置x轴方向上的偏移量 Number
popper-class 为 popper 添加类名 String
placement 出现位置 String 'top' | 'right' | 'bottom' | 'left' 及各方向的修饰符(-start, -end) 'bottom-start'
theme 气泡风格 String light
visible-arrow 是否显示popover的箭头 Boolean true
width 气泡的宽度(普通width属性的合法值) String v1.7.7
max-width 气泡的最大宽度(普通max-width属性的合法值) String v1.7.7
close-delay 气泡关闭延迟(单位ms) Number 200 v2.0.0
open-delay 气泡打开延迟(单位ms) Number 0 v2.0.0
enterable 鼠标是否可进入到 tooltip 中 Boolean true v2.0.0
hide-after Tooltip 出现后自动隐藏延时, 为0时不会自动隐藏(单位ms) Number 0 v2.0.0

Slot

参数 说明 Version
reference tooltip触发dom

Popper Methods

事件名称 说明 回调参数 Version
updatePopper 更新popper(当相对定位元素发生位置或宽高变化时,需要更新popper的位置时调用)

Events

事件名称 说明 回调参数 Version
hidden 隐藏时触发
show 显示时触发

贡献者

类型 参与者
设计者 UED视觉组
维护者 UED前端组
上次更新: 7/28/2021, 9:46:32 AM