Poptip 弹出框
用于描述被指向的对象(图标、图形、文字)信息的提示气泡,非阻碍式信息提示,它不打断用户当前操作
默认
Dark 暗黑
触发方式
可关闭
方向
支持 12 个方向
dark
Poptip Props
参数 | 介绍 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 是否显示,可通过 v-model 控制 | Boolean | — | false |
title | 标题 | String | — | - |
content | 内容 | String | — | — |
placement | 弹出位置 | String | top / top-start / top-end / bottom / bottom-start / bottom-end / left / left-start / left-end / right / right-start / right-end | top |
trigger | 触发方式 | String | hover, click, focus, none | hover |
offset | 偏移 | Number / Array | 数组 [x,y] 表示两个方向的偏移 | 10 |
width | popper 宽度 | Number | — | - |
max-width | popper 最大宽度 | Number | — | 360 |
height | popper 高度 | Number | — | - |
max-height | popper 最大高度 | Number | — | 168 |
closable | 可关闭 | Boolean | — | false |
z-index | popper 层级 | Number | — | - |
dark | 黑色风格 | Boolean | — | false |
append-to-body | 附加到 body | Boolean | — | false |
Poptip Slots
参数 | 介绍 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
content | 内容 | Slot | — | - |
Poptip API
方法 | 介绍 | 参数说明 |
---|---|---|
show | 显示 | — |
hide | 隐藏 | — |
Poptip Events
参数 | 介绍 | 回调参数 |
---|---|---|
show | Poptip 显示时 | — |
hide | Poptip 隐藏时 | — |