气泡确认框 Popconfirm

对应 Arco Popconfirm，使用小尺寸操作按钮与状态图标。 属性用法见 Element Plus 文档。

点击确认

点击 Delete 打开确认框，确认和取消都会更新状态。

<script setup lang="ts">
import { ref } from 'vue'
const status = ref('')
</script>

<template>
  <el-popconfirm title="Delete this project?" confirm-button-text="Delete" cancel-button-text="Cancel" @confirm="status = 'Deleted'" @cancel="status = 'Cancelled'">
    <template #reference><el-button type="danger">Delete</el-button></template>
  </el-popconfirm>
  <el-text aria-live="polite">{{ status }}</el-text>
</template>

与 Arco 的差异

• 默认问号图标与 Arco 信息图标不同。
• 取消按钮默认保留 Element Plus 的文字形态；可用 cancel-button-type="default" 得到灰底按钮。