el-dialog自定义header

`el-dialog`是Element UI库中的一个弹窗组件，在Vue.js中可以用于创建模态对话框。如果你想自定义dialog的header（头部），你可以通过以下几种方式：

1. 使用HTML直接插入header内容：

<template>
  <el-dialog :title="customTitle" width="40%" :visible.sync="dialogVisible">
    <div slot="header">这是自定义的header</div> <!-- 或者添加自定义样式 -->
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      customTitle: 'Custom Title'
    };
  }
};
</script>

在这里，`slot="header"`就是用来插入自定义头部内容的地方。

2. 如果你想动态设置header内容，可以在数据中定义一个变量，然后绑定到标题上：

<template>
  <el-dialog :title="dynamicTitle" width="40%" :visible.sync="dialogVisible">
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dynamicTitle: '点击改变标题', // 动态标题
    };
  },
  methods: {
    setTitle(newTitle) {
      this.dynamicTitle = newTitle;
    }
  }
};
// 在需要的时候调用setTitle方法更新标题
</script>

在上述例子中，每当调用`setTitle`方法，dialog的标题就会相应地变化。