Popconfirm 气泡确认框
点击元素弹出气泡确认框,替代 confirm() 弹窗,常用于二次确认操作。支持 4 个弹出方向和危险模式。
基础用法
点击触发确认气泡,点击确定或取消执行对应操作。
不同方向
通过 placement 设置弹出方向:top / bottom / left / right。
危险确认
设置 danger 属性使确定按钮显示为红色危险样式,适用于删除等操作。
点击外部关闭
展开气泡后,点击气泡或触发元素以外的区域自动关闭。
Props
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
content | string | '确定执行此操作?' | 确认框内容文案 |
placement | 'top' | 'bottom' | 'left' | 'right' | 'top' | 气泡弹出方向 |
danger | boolean | false | 是否为危险模式(确定按钮变红) |
Events
| 事件名 | 类型 | 说明 |
|---|---|---|
confirm | () => void | 点击确定时触发 |
cancel | () => void | 点击取消时触发 |
Slots
| 插槽名 | 说明 |
|---|---|
default | 触发元素 |