气泡确认框

点击元素,弹出气泡确认框。

位置

Popconfirm 气泡确认框有 9 个不同的方位。

基础用法

Popconfirm 的属性与 Popover 很类似,因此对于重复的属性,请参考 Popover 的文档。

自定义

你可以像这样自定义 Popconfirm 气泡确认框

触发事件

点击按钮触发事件

API

属性

名称描述类型默认值
title标题string
effect 2.11.2Tooltip 的主题,内置主题:`dark` / `light`enum / stringlight
确认按钮文字确认按钮文字string
取消按钮文字取消按钮文字string
确认按钮类型确认按钮类型枚举主要
取消按钮类型取消按钮类型枚举文本
iconIcon 组件string / ComponentQuestionFilled
图标颜色Icon 颜色string#f90
隐藏图标是否隐藏 Iconbooleanfalse
hide-after延迟消失,单位毫秒number200
teleportedpopconfirm 的内容是否被插入到 body 元素上booleantrue
persistent当 popconfirm 不再触发且 persistentfalse 时,popconfirm 将会被销毁booleanfalse
widthpopconfirm 宽度,最小宽度 150pxstring / number150
tooltip继承 Tooltip 的所有属性,除了:popper-classpopper-stylefallback-placements

事件

名称描述类型
确定当点击确认按钮时触发Function
取消当点击取消按钮时触发Function

插槽

名称描述类型
触发 Popconfirm 的 HTML 元素触发 Popconfirm 的 HTML 元素
actions 2.8.1Popconfirm 气泡确认框的页脚内容object

暴露

名称描述类型
popperRef 2.10.7el-popper 组件实例object
隐藏 2.10.7隐藏 popconfirmFunction

来源

组件样式文档

贡献者