el-dialog标题居中vue

在Vue中，你可以使用element-ui库中的el-dialog组件来创建一个对话框。要使对话框标题居中，你可以使用CSS样式来实现。

首先，在el-dialog组件中添加一个自定义的class，比如"center-title"：

<el-dialog
  title="对话框标题"
  :visible.sync="dialogVisible"
  custom-class="center-title"
>
  <!-- 对话框内容 -->
</el-dialog>

然后，在样式文件（比如App.vue或者单独的样式文件）中添加以下CSS样式：

.center-title .el-dialog__header {
  text-align: center;
}

这样设置之后，对话框标题就会居中显示了。

希望对你有所帮助！如果还有其他问题，请随时提问。