el-dialog设置两组按钮

您可以使用 `el-dialog` 组件来创建一个对话框，并使用两组按钮。以下是一个示例代码：

<template>
  <el-dialog
    title="对话框标题"
    :visible.sync="dialogVisible"
    width="30%"
    :before-close="handleClose"
  >
    <span>对话框内容</span>
    <div slot="footer" class="dialog-footer">
      <el-button @click="handleCancel">取消</el-button>
      <el-button type="primary" @click="handleConfirm">确定</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    handleClose(done) {
      // 在此处执行关闭对话框的操作
      done();
    },
    handleCancel() {
      // 在此处执行取消按钮点击后的操作
      this.dialogVisible = false;
    },
    handleConfirm() {
      // 在此处执行确定按钮点击后的操作
      this.dialogVisible = false;
    }
  }
};
</script>

<style scoped>
.dialog-footer {
  text-align: right;
}
</style>

在上面的示例代码中，我们使用了 `el-dialog` 组件来创建一个对话框。在对话框的底部，我们使用了 `slot` 来自定义按钮组的位置，并使用了 `dialog-footer` 类来对按钮组进行样式设置。您可以根据需要修改按钮的样式和点击事件的处理逻辑。