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前端组
上次更新: 7/28/2021, 9:46:32 AM