Skip to content

Popover 弹出框

弹出框组件用于在元素周围显示一些临时信息。当用户与触发元素交互时(点击或悬停),弹出框会在指定位置显示内容。

基础用法

最基础的弹出框用法。

触发方式

使用 trigger 插槽来定义触发元素,弹出框内容可以是任意自定义内容。

箭头和位置

使用 placement 属性来定义弹出框的位置,使用 arrow 属性来定义是否显示箭头。

动画时间

使用 duration 属性来定义弹出框的动画时间。

偏移

使用 offset 属性来定义弹出框的偏移量。

属性

参数说明类型默认值
trigger触发方式'hover' | 'click' | 'focus''click'
placement弹出位置'top' | 'bottom' | 'left' | 'right''bottom'
arrow是否显示箭头booleanfalse
duration动画持续时间(ms)number200

插槽

插槽名说明
trigger触发元素
default弹出框内容