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 隐藏时 | — |