el-dialog居中在页面中间

要将 el-dialog 居中在页面中间，可以使用以下步骤：

1. 首先，确保 el-dialog 的父级容器具有固定的宽度和高度。可以通过设置其样式属性来实现，例如：

.dialog-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

2. 在 el-dialog 元素上添加一个自定义类名，例如 `center-dialog`。

<el-dialog class="center-dialog" :visible="dialogVisible">
  <!-- 对话框内容 -->
</el-dialog>

3. 使用 CSS 来居中对话框。在你的样式表中，添加以下样式：

.center-dialog {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

通过以上步骤，el-dialog 将被居中在页面中间。确保父级容器具有固定的宽度和高度，这样 el-dialog 才能正常居中。