Skip to content

Tooltip 下拉显示框

用于消息气泡提示 通过类HTML写法嵌入自定义模板

基础用法

使用 placement 来定义下拉显示框显示位置。 使用 transition 设置显示动效 使用 open-delay close-delay 来设置开启关闭延迟 使用 content 来手动设置默认文本 使用 trigger 设置触发方式 使用 popper-options 设置popper.js 使用 ref 获取下拉显示框实例

loading
NameDescriptionTypeDefault
content内容选项MenuOption[]
trigger是否点击消失'hover' | 'click'false
placement内容选项Placementbottom
manual是否手动设置booleanfalse
popperOptionspopper设置Partial<Options>
transition过渡动画设置string
openDelay打开延迟number
closeDelay关闭延迟number

Tooltip Events

NameDescriptionType
visible-change可见性切换(boolean)=>void
click-outside点击外部(boolean)=>void

Tooltip Instance

NameDescriptionType
show显示()=>void
hide隐藏()=>void