el-dialog头部加两个按钮

在Element UI库中，`el-dialog`组件是一个用于弹出对话框的容器，你可以通过自定义其头部区域来添加多个按钮。要在`el-dialog`头部添加两个按钮，你需要在HTML结构中配置这两个按钮，并结合Vue.js的数据绑定和事件处理机制来实现功能。

首先，引入`element-ui`库中的`ElButton`组件：

<template>
  <div>
    <el-dialog :visible.sync="dialogVisible" title="标题">
      <!-- 内容... -->
      <div slot="header">
        <!-- 头部按钮 -->
        <el-button @click="firstBtnClick">按钮一</el-button>
        <el-button @click="secondBtnClick">按钮二</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { ElButton } from 'element-plus';

export default {
  components: {
    ElButton,
  },
  data() {
    return {
      dialogVisible: false, // 对话框显示状态
    };
  },
  methods: {
    firstBtnClick() {
      console.log('第一个按钮点击');
      // 这里可以执行相应的操作
    },
    
    secondBtnClick() {
      console.log('第二个按钮点击');
      // 同理，这里处理第二个按钮的点击事件
    },
  },
};
</script>

在这个例子中，我们设置了两个`ElButton`，分别绑定了`firstBtnClick`和`secondBtnClick`方法作为点击事件处理器。`sync`属性用于双向数据绑定对话框的可见状态。