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 |
| max-width | 气泡的最大宽度(普通 max-width 属性的合法值) | String | — | 400px | v2.2.10 |
| confirm-button-size | 确认按钮尺寸 | String | 同 button 组件的 size | 'primary' | v2.4.18 |
| cancel-button-size | 取消按钮尺寸 | String | 同 button 组件的 size | — | v2.4.18 |
| before-confirm-click | 确定按钮点击触发的回调函数(用于拦截确定按钮点击事件) | Function | — | — | v2.4.20 |
| before-cancel-click | 取消按钮点击触发的回调函数(用于拦截取消按钮点击事件) | Function | — | — | v2.4.20 |
| theme | 气泡风格 | String | light/medium | medium | V2.5.1 |
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 时解绑) | — | |
上次更新: 6/18/2025, 1:37:04 PM