代码演示
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 | 显示时触发 | — | |
上次更新: 8/18/2023, 4:22:51 PM