Skip to content

Tooltip 文字提示

当鼠标悬停或点击在元素上时,显示提示信息(如果你觉得这个组件长得很像 Popover,恭喜你答对了,Tooltip 是 Popover 封装出来的😁)。

基础用法

最基础的文字提示。

触发方式

通过 trigger 属性可以设置不同的触发方式。

提示框样式

通过 content-class 属性可以设置提示框的样式。

箭头

通过 arrow 属性可以设置是否显示箭头。

属性

属性名说明类型默认值
content-class内容类名string-
content显示的内容string-
placement提示框出现的位置top | bottom | left | right | toptop
trigger触发方式hover | click | hoverhover
arrow是否显示箭头booleantrue

插槽

插槽名说明
default触发 Tooltip 显示的元素