Skip to content

Popover 气泡提示

Tooltip 组件用来实现鼠标移动至目标组件时,或者点击目标时,在其上显示提示丰富的信息。

基本用法

设置标题

设置最小宽度

自适应宽度

自定义样式

属性

属性名类型默认值说明
idstring--组件标识
isTipsbooleanfalse可选,是否作为简单提示。文本类的提示为简单提示,简单提示会显示箭头,有字号、行高、间距等样式特点。
titlestring--可选,气泡标题
placementPopoverPlacement'bottom'可选,气泡显示的位置
visiblebooleanfalse可选,弹框的初始化弹出状态
zIndexnumber-1可选,z-index 值,用于手动控制层高
fitContentbooleanfalse是否自适应内容
minWidthnumber-1最小宽度
classstring--可选,附加样式表
referenceobject--可选,参照元素
keepWidthWithReferencebooleanfalse可选,气泡宽度与参照元素宽度保持一致
arrowOffsetXnumber0可选,箭头偏移量
customStylesRecord<string, any>--可选,自定义样式
hostobject--可选,指定要弹出的内容插入到哪个元素
leftBoundaryobject--可选,指定要弹出的内容左边界不能超过哪个元素
rightBoundaryobject--可选,指定要弹出的内容右边界不能超过哪个元素
limitContentBySpacebooleanfalse可选,是否根据空间大小重新调整,原下拉面板内容指定的高度

事件

事件名类型说明
shownEventEmitter<void>气泡显示事件
hiddenEventEmitter<void>气泡隐藏事件

插槽

TIP

暂无内容