Skip to content

Poptip 弹出框

用于描述被指向的对象(图标、图形、文字)信息的提示气泡,非阻碍式信息提示,它不打断用户当前操作

默认

Dark 暗黑

触发方式

可关闭

方向

支持 12 个方向

dark

Poptip Props

参数介绍类型可选值默认值
value是否显示,可通过 v-model 控制Booleanfalse
title标题String-
content内容String
placement弹出位置Stringtop / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-endtop
trigger触发方式Stringhover, click, focus, nonehover
offset偏移Number / Array数组 [x,y] 表示两个方向的偏移10
widthpopper 宽度Number-
max-widthpopper 最大宽度Number360
heightpopper 高度Number-
max-heightpopper 最大高度Number168
closable可关闭Booleanfalse
z-indexpopper 层级Number-
dark黑色风格Booleanfalse
append-to-body附加到 bodyBooleanfalse

Poptip Slots

参数介绍类型可选值默认值
content内容Slot-

Poptip API

方法介绍参数说明
show显示
hide隐藏

Poptip Events

参数介绍回调参数
showPoptip 显示时
hidePoptip 隐藏时