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前端组 |