Skip to content

Popconfirm 气泡确认框

基础用法

通过 trigger 插槽来定义触发器内容,width 设置气泡确认框宽度

主动设置宽度很重要,可以避免一些溢出或换行,对页面美化很关键

自定义内容

通过 titleaction 插槽分别自定义提示文字和按钮,用于满足自定义需求

action 插槽可以解构出 onConfirm, onCancle 事件,用于自定义触发处理

位置

位置可选值同 Popover 组件

Popconfirm 组件的位置和 popover 组件的位置一致,不再赘述

API

Attributes

Props

属性值说明类型默认值
position对齐位置PopconfirmPositionbottom
offset偏移距离(px)number6
duration弹出过渡动画持续时间number250
btn-size按钮大小[xs,sm,md,lg,xl]250
z-indexz-index值number0
close-on-click-outside点击外部关闭弹出框booleantrue
close-on-escapeesc关闭弹出框booleantrue

Event

名称说明类型
confirm确定操作回调() => void
cancle取消操作回调() => void

Slots

名称说明
trigger触发器插槽
title提示文本插槽
action操作插槽