Skip to content

气泡确认 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触发元素--