Popover 悬浮框
当用户点击或鼠标移入元素时,就会弹出气泡式的卡片浮层。能够承载对于某个元素更多的解释性描述和相关操作。
代码演示
API
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
| content | 显示的内容,或通过 slot 传入 DOM | String | — | — | |
| disabled | 是否禁用 Popover | Boolean | — | false | |
| popper-class | 为 popper 添加类名 | String | — | — | |
| trigger | 触发方式 | String | 'click' | 'focus' | 'hover' | 'manual' | 'hover' | |
| title | 标题 | String | — | — | |
| value | 气泡状态 (显示-true, 隐藏-false) | Boolean | — | false | v1.2.0 |
| visible-arrow | 是否显示 popover 的箭头 | Boolean | — | true | |
| width | 宽度 | String | Number | — | 最小宽度 160px | |
| placement | 出现位置 | String | 'top' | 'right' | 'bottom' | 'left' 及各方向的修饰符(-start, -end) | 'bottom-start' | |
| close-delay | 气泡关闭延迟(单位 ms) | Number | — | 200 | v2.0.0 |
| open-delay | 气泡打开延迟(单位 ms) | Number | — | 0 | v2.0.0 |
| close-on-press-escape | 是否可以通过按下 ESC 关闭,通常配合 Modal 一起使用 | Boolean | — | false | V2.4.11 |
| theme | 气泡风格 | String | light/medium | medium | V2.5.1 |
Slot
| 参数 | 说明 | Version |
| — | Popover 内嵌 DOM | |
| reference | Popover 的触发点 | |
Popper Methods
| 事件名称 | 说明 | 回调参数 | Version |
| updatePopper | 更新 popper(当相对定位元素发生位置或宽高变化时,需要更新 popper 的位置时调用) | — | |
Events
| 事件名称 | 说明 | 回调参数 | Version |
| hidden | 隐藏时触发 | — | |
| show | 显示时触发 | — | |
上次更新: 10/14/2025, 10:27:16 AM