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