Popconfirm 气泡确认框

点击某个元素弹出一个简单的气泡确认框

TIP

在 SSR 场景下,您需要将组件包裹在 <client-only></client-only> 之中 (如: Nuxt) 和 SSG (e.g: VitePress).

基础用法

Popconfirm 的属性与 Popover 很类似, 因此对于重复属性,请参考 Popover 的文档,在此文档中不做详尽解释。

自定义弹出框的内容

可以在 Popconfirm 中自定义内容。

多种让 Popconfirm 出现的方法

点击按钮触发事件

API

Attributes

属性名说明类型默认
title标题string
confirm-button-text确认按钮文字string
cancel-button-text取消按钮文字string
confirm-button-type确认按钮类型enumprimary
cancel-button-type取消按钮类型enumtext
icon自定义图标string / ComponentQuestionFilled
icon-colorIcon 颜色string#f90
hide-icon是否隐藏 Iconbooleanfalse
hide-after关闭时的延迟number200
teleported是否将 popover 的下拉列表插入至 body 元素booleantrue
persistent当 popover 组件长时间不触发且 persistent 属性设置为 false 时, popover 将会被删除booleanfalse
width弹层宽度,最小宽度 150pxstring / number150

Events

事件名说明类型
confirm点击确认按钮时触发Function
cancel点击取消按钮时触发Function

Slots

插槽名说明
reference触发 Popconfirm 显示的 HTML 元素

源代码

组件文档

贡献者