el-dialog的title怎么居中

`el-dialog` 是 Element UI 提供的一个轻量级对话框组件，在 Vue.js 中，如果你想让 `title` 居中显示，你可以通过 CSS 或者利用内置样式来实现。这里提供两种常见方法：

1. **CSS**:
如果你有对 `el-dialog` 的样式控制权，可以在 `.el-dialog__title` 类上应用 `text-align: center;` 样式来使其内容水平居中。

.el-dialog__title {
  text-align: center;
}

2. **内置样式**:
如果你不想修改外部样式，也可以直接在 `el-dialog` 的组件实例上设置 `title` 的样式，例如：

<el-dialog :title="dialogTitle" class="custom-dialog">
  <!-- ... -->
</el-dialog>

<script>
export default {
  data() {
    return {
      dialogTitle: '这是一个标题',
    };
  },
  computed: {
    customDialogClass() {
      return { 'custom-dialog': true }; // 添加自定义类名
    }
  },
  mounted() {
    this.$refs.dialog.querySelector('.el-dialog__title').style.textAlign = 'center'; // 对title元素进行居中
  },
};
</script>

在上面的代码里，我们在 `mounted` 钩子函数中手动设置了 title 元素的文本对齐。