Skip to content

TIP

🚧 组件库更新通知 🚧:我们正在努力完善我们的组件库。

Tooltip 文字提示

文字提示,在鼠标 hover 时显示提示文字。

TIP

todo: 目前只是做了简单封装,待完善(effect 部分)

基础用法

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

更多内容的文字提示

展示多行文本或者设置内容的格式 通过 content 插槽设置内容

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

禁用状态

禁用状态,鼠标悬停无法触发文字提示。disabled 属性可以满足这个需求。

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

Tooltip API

Props

NameDescriptionTypeDefault
content提示文字string-
disabled是否禁用booleanfalse
placement弹出位置stringbottom
trigger触发方式stringhover
manual手动控制booleanfalse
popper-optionspopper 配置object 参考popper.js{}
transition动画stringfade
show-timeout显示延时number0
hide-timeout隐藏延时number200

Events

NameDescriptionType
visible-change显示隐藏状态改变时触发(visible: boolean) => void
click-outside点击外部时触发() => void

Slots

NameDescription
default默认插槽
content内容插槽

Expose

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