Popconfirm 气泡确认框
代码演示
API
Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 | Version |
|---|---|---|---|---|---|
| cancel-text | 左边按钮的文本值 | String | — | '取消' | |
| cancel-button-text | * 同cancel-text | String | — | — | v2.0.0 |
| hidden-popper-on-click-document | 点击其他文档时关闭气泡(仅当trigger为空时有效) | Boolean | — | true | |
| icon | 气泡框中的icon的class名 | String | — | 'w-icon-info' | |
| icon-color | 气泡框中的icon的颜色 | String | — | — | v2.0.0 |
| immediately | 是否需要气泡关闭延迟(300ms),优先级高于close-delay | Boolean | — | false | |
| ok-text | 右边按钮的文本值 | String | — | '确定' | |
| confirm-button-text | * 同ok-text | String | — | — | v2.0.0 |
| popper-class | 为 popper 添加类名 | String | — | — | |
| placement | 出现位置 | String | 'top' | 'right' | 'bottom' | 'left' 及各方向的修饰符(-start, -end) | 'bottom-start' | |
| show-icon | 是否显示气泡框中的icon | Boolean | — | true | |
| title | 气泡框询问信息文本 | String | — | — | |
| trigger | 打开气泡框的触发方式 | String | 'hover' | 'click' | 'hover' | |
| visible-arrow | 是否显示popover的箭头 | Boolean | — | true | |
| v-model/value | 气泡状态(显示-true,隐藏-false) | Boolean | — | false | |
| close-delay | 气泡关闭延迟(单位ms) | Number | — | 200 | v2.0.0 |
| open-delay | 气泡打开延迟(单位ms) | Number | — | 0 | v2.0.0 |
| confirm-button-type | 确认按钮类型 | String | 同button组件的type | 'primary' | v2.0.0 |
| cancel-button-type | 取消按钮类型 | String | 同button组件的type | — | v2.0.0 |
Slot
| 参数 | 说明 | Version |
|---|---|---|
| reference | popconfirm触发dom |
Popper Methods
| 事件名称 | 说明 | 回调参数 | Version |
|---|---|---|---|
| updatePopper | 更新popper(当相对定位元素发生位置或宽高变化时,需要更新popper的位置时调用) | — |
Events
| 事件名称 | 说明 | 回调参数 | Version |
|---|---|---|---|
| confirm | 确定时(点击右边按钮时)触发 | — | |
| onConfirm | * 同confirm | — | v2.0.0 |
| cancel | 确定时(点击左边按钮时)触发 | — | |
| onCancel | * 同cancel | — | v2.0.0 |
| document-click | 气泡状态完全由value/v-model控制时有效(在value为true时绑定文档点击事件,为false时解绑) | — |
贡献者
| 类型 | 参与者 |
|---|---|
| 设计者 | UED视觉组 |
| 维护者 | UED前端组 |