气泡确认 Popconfirm
基础用法
vue
<template>
<bp-popconfirm content="请确认是否执行操作" :on-before-ok="handleBeforeOk">
<bp-button>Open popconfirm</bp-button>
</bp-popconfirm>
</template>
<script setup lang="ts">
const handleBeforeOk = async () => {
await new Promise(resolve => setTimeout(resolve, 2000));
return true;
};
</script>Popconfirm 属性
| content | 提示内容 | String | - | - |
| type | 类型 | String | info | - |
| position | 弹出位置 | TriggerPosition | top | - |
| ok-text | 确认按钮文字 | String | 确认 | - |
| cancel-text | 取消按钮文字 | String | 取消 | - |
| on-before-ok | 确认前回调 | Function | - | - |
Popconfirm 事件
| cancle | 取消触发 | - | - |
| ok | 确认触发 | - | - |
Popconfirm 插槽
| default | 触发元素 | - | - |