ant design vue2 气泡确认框 3个确认按钮

您可以使用 `Modal.confirm` API 来创建具有三个确认按钮的气泡确认框。以下是一个示例代码：

<template>
  <div>
    <a-button @click="showConfirm">Open Confirm</a-button>
  </div>
</template>

<script>
import { Modal } from 'ant-design-vue';

export default {
  methods: {
    showConfirm() {
      Modal.confirm({
        title: 'Do you want to delete this item?',
        content: 'This action cannot be undone.',
        okText: 'Yes',
        cancelText: 'No',
        okType: 'danger',
        onOk() {
          console.log('Delete confirmed');
        },
        onCancel() {
          console.log('Delete canceled');
        },
        extraButtonProps: {
          text: 'Extra',
          type: 'primary',
          onClick() {
            console.log('Extra button clicked');
          },
        },
      });
    },
  },
};
</script>

在上面的示例中，我们使用 `Modal.confirm` API 来创建一个确认框。该对话框包含一个标题和内容，以及三个按钮：'Yes'，'No' 和 'Extra'。'Yes' 和 'No' 按钮的行为由 `onOk` 和 `onCancel` 回调函数控制。'Extra' 按钮的行为由 `extraButtonProps` 对象中的 `onClick` 回调函数控制。您可以通过设置 `okText`，`cancelText` 和 `extraButtonProps.text` 属性来更改按钮的文本。`okType` 属性用于设置 'Yes' 按钮的类型，这里设置为 'danger'。