Popconfirm 气泡确认框

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

基础用法

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

自定义弹出框的内容

可以在 Popconfirm 中自定义内容。

多种让 Popconfirm 出现的方法

点击按钮触发事件

属性

属性说明类型可选值默认值
title标题String
confirm-button-text确认按钮文字String
cancel-button-text取消按钮文字String
confirm-button-type确认按钮类型Stringprimary / success / warning / danger / info / textprimary
cancel-button-type取消按钮类型Stringprimary / success / warning / danger / info / texttext
icon自定义图标String / ComponentQuestionFilled
icon-colorIcon 颜色String#f90
hide-icon是否隐藏 IconBooleanfalse
teleported是否将 popover 的下拉列表插入至 body 元素booleantrue / falsetrue
persistent当 popover 组件长时间不触发且 persistent 属性设置为 false 时, popover 将会被删除booleanfalse
width弹出窗口宽度string/number-Min width 150px

插槽

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

事件

事件名说明回调参数
confirm点击确认按钮时触发
cancel点击取消按钮时触发

源代码

组件文档

贡献者