vue this.$confirm 实现 三个按钮 是 否 取消

可以使用 Element UI 提供的 MessageBox 组件来实现三个按钮的确认框。

示例代码：

<template>
  <div>
    <button @click="showConfirm">显示确认框</button>
  </div>
</template>

<script>
import { MessageBox } from 'element-ui';

export default {
  methods: {
    showConfirm() {
      MessageBox.confirm('确定要执行此操作吗?', '提示', {
        confirmButtonText: '是',
        cancelButtonText: '否',
        cancelButtonClass: 'el-button--info',
        cancelButton: true,
        type: 'warning'
      }).then(() => {
        // 点击确认按钮后的操作
      }).catch(() => {
        // 点击取消按钮后的操作
      });
    }
  }
};
</script>

在以上代码中，使用了 MessageBox.confirm 方法来显示确认框，其中：

- 第一个参数是确认框中显示的文本；
- 第二个参数是确认框的标题；
- 第三个参数是配置对象，可以设置确认按钮的文本、取消按钮的文本、取消按钮的样式、是否显示取消按钮、确认框的类型等。

使用 .then() 方法可以在用户点击确认按钮后执行相应的操作，使用 .catch() 方法可以在用户点击取消按钮后执行相应的操作。