Skip to content

Tooltip 提示信息

Tooltip 组件用来实现鼠标移动至目标组件时,在其上显示提示信息。常见用于给按钮、图标设置少量提示的场景。

基本用法

自定义内容模板

触发方式

提示内容模板

指定提示消息的边界区域

指令属性

属性名类型默认值说明
idstring--组件标识
contentstring--提示内容,可以是字符串,可以是带 HTML 标签的字符串
contentTemplateHTMLElement--模版提示内
widthstring--给提示框设置固定的宽度,比如'200px'。
设置的值可以解除最大宽度的限制,只按照设置的值显示提示。
placementstringtop控制提示的朝向。目前支持的类型:
'top-left'朝上-偏左 | 'top'朝上 |'top-right'朝上-偏右 |
'left-top:朝左-偏上 |'left'朝左 |'left-bottom'朝左-偏下 |
'right-top'朝右-偏上 |'right'朝右 |'right-bottom'朝右-偏下 |
'bottom-left'朝下-偏左 |'bottom'朝下 |'bottom-right'朝下-偏右
triggerstring--提示框的触发方式,'hover'鼠标滑过 |'click'鼠标点击时。
horizontalRelativestring--设置提示框显示位置的横向边界。提示框显示如果超出边界,就会转向。
verticalRelativestring--设置提示框显示位置的纵向边界。提示框显示如果超出边界,就会转向。

插槽

TIP

暂无内容