Skip to content

TIP

🚧 组件库更新通知 🚧:我们正在努力完善我们的组件库。

Popconfirm 气泡确认框

点击某个元素会弹出一个气泡式的确认框。

基础用法

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

自定义弹出框内容

可以通过 props 来自定义 Popconfirm 中内容

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

按钮回调

可以通过 confirmcancel 两个事件的监听来获取点击按钮后的回调

TIP

🔨 施工中:我们的团队正在全力以赴,以确保为您提供最高质量的组件。请稍后再来查看这些组件的最新进展。

Popconfirm API

Props

NameDescriptionTypeDefault
title提示文字string--
confirm-button-text确认按钮文字stringYes
cancel-button-text取消按钮文字stringNo
confirm-button-type确认按钮类型stringprimary
cancel-button-type取消按钮类型string--
icon图标stringquestion-circle
icon-color图标颜色string#f90
hide-icon隐藏图标booleanfalse
hide-after触发关闭的延时(单位:毫秒)number200
width宽度string150px

Events

NameDescriptionType
confirm点击确认按钮时触发(event: MouseEvent) => void
cancel点击取消按钮时触发(event: MouseEvent) => void

Slots

NameDescription
default默认插槽, 用于触发 Popconfirm 显示的 HTML 元素
reference同上,(default 别名)