Skip to content

Tooltip 提示

Tooltip 提示组件用于在用户鼠标悬停时,显示提示信息。

参数

Props

名称类型默认值描述
contentstring''提示内容
inversebooleanfalse是否反转颜色
showDelaynumber200移入延迟时间(ms)
hideDelaynumber0移出延迟时间(ms)
enterablebooleanfalse是否可以移入弹窗
placementPlacementType'top'弹出位置
offsetnumber-弹出偏移量
showArrowboolean-是否显示箭头
disabledboolean-是否禁用

Slots

名称描述参数
default默认插槽,触发提示的元素-

示例

基础用法

不同位置

反转颜色

延迟显示/隐藏

可进入提示框

多行文本

TypeScript

ts
// 弹出位置类型
export type PlacementType =
  | 'top'
  | 'top-start'
  | 'top-end'
  | 'bottom'
  | 'bottom-start'
  | 'bottom-end'
  | 'left'
  | 'left-start'
  | 'left-end'
  | 'right'
  | 'right-start'
  | 'right-end';