气泡确认框 Popconfirm

异步关闭

可以通过 on-before-ok 更简洁的实现异步关闭功能

基本用法

气泡确认框的基本用法。

自定义按钮

自定义按钮的文字或图标。

弹出位置

popconfirm 支持 12 个不同的方位。分别为：上左 上 上右 下左 下 下右 左上 左 左下 右上 右 右下。

确认框类型

通过 type 属性可以设置确认框类型。

<popconfirm> 组件继承 <trigger> 组件的全部属性

API

`<popconfirm>` Props

参数名	描述	类型	默认值
content	内容	`string`	`-`
position	弹出位置	`'top' \| 'tl' \| 'tr' \| 'bottom' \| 'bl' \| 'br' \| 'left' \| 'lt' \| 'lb' \| 'right' \| 'rt' \| 'rb'`	`'top'`
popup-visible (v-model)	气泡确认框是否可见	`boolean`	`-`
default-popup-visible	气泡确认框默认是否可见（非受控模式）	`boolean`	`false`
type	气泡确认框的类型	`'info' \| 'success' \| 'warning' \| 'error'`	`'info'`
ok-text	确认按钮的内容	`string`	`-`
cancel-text	取消按钮的内容	`string`	`-`
ok-loading	确认按钮是否为加载中状态	`boolean`	`false`
ok-button-props	确认按钮的Props	`ButtonProps`	`-`
cancel-button-props	取消按钮的Props	`ButtonProps`	`-`
content-class	弹出框内容的类名	`ClassName`	`-`
content-style	弹出框内容的样式	`CSSProperties`	`-`
arrow-class	弹出框箭头的类名	`ClassName`	`-`
arrow-style	弹出框箭头的样式	`CSSProperties`	`-`
popup-container	弹出框的挂载点	`string \| HTMLElement`	`-`
on-before-ok	触发 ok 事件前的回调函数。如果返回 false 则不会触发后续事件，也可使用 done 进行异步关闭。	`(done: (closed: boolean) => void) => void \| boolean \| Promise<void \| boolean>`	`-`
on-before-cancel	触发 cancel 事件前的回调函数。如果返回 false 则不会触发后续事件。	`() => boolean`	`-`

`<popconfirm>` Events

事件名	描述	参数
popup-visible-change	气泡确认框的显隐状态改变时触发	visible: `boolean`
ok	点击确认按钮时触发	-
cancel	点击取消按钮时触发	-

`<popconfirm>` Slots

插槽名	描述	参数
icon	图标	-
content	内容	-