el-dialog配置头部按钮

el-dialog 是 Element UI 中的一个弹窗组件，用于显示对话框或模态框。你可以通过配置它的 slot 来自定义头部按钮。

以下是一个示例代码，展示如何配置 el-dialog 的头部按钮：

<template>
  <el-dialog title="对话框标题" :visible.sync="dialogVisible">
    <span slot="header" class="dialog-header">
      <el-button type="text" icon="el-icon-close" @click="closeDialog"></el-button>
      <el-button type="text" icon="el-icon-minus" @click="minimizeDialog"></el-button>
      <!-- 在这里添加你的自定义按钮 -->
      <el-button type="text" icon="el-icon-plus"></el-button>
    </span>
    <!-- 对话框内容 -->
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    closeDialog() {
      this.dialogVisible = false;
    },
    minimizeDialog() {
      // 最小化对话框的操作
    }
  }
};
</script>

<style scoped>
.dialog-header {
  display: flex;
  justify-content: flex-end;
}
</style>

在上面的示例代码中，我们通过在 el-dialog 中使用 slot="header" 的方式，自定义了对话框的头部按钮。你可以根据需要添加自己的按钮，并在对应按钮的点击事件中编写相应的逻辑。

记得在 data 中添加 dialogVisible 属性，并在 closeDialog 方法中将其设置为 false，以便通过点击关闭按钮来关闭对话框。

希望这个示例能够帮助你配置 el-dialog 的头部按钮！如果还有其他问题，请随时提问。