el-dialog弹窗高度设置

el-dialog是Element UI中的一个组件，用于创建弹窗。要设置el-dialog弹窗的高度，可以通过以下几种方式实现：

1. 使用CSS样式：可以通过给el-dialog添加自定义的CSS类，并在CSS中设置该类的高度属性来控制弹窗的高度。例如：

<el-dialog class="custom-dialog" :visible="dialogVisible">
  <!-- 弹窗内容 -->
</el-dialog>

.custom-dialog {
  height: 400px; /* 设置弹窗高度为400px */
}

2. 使用属性：el-dialog组件提供了一个`height`属性，可以直接在组件上设置弹窗的高度。例如：

<el-dialog :visible="dialogVisible" :height="400">
  <!-- 弹窗内容 -->
</el-dialog>

这样就可以将弹窗的高度设置为400px。

3. 使用slot插槽：el-dialog还提供了一个名为`footer`的插槽，可以在插槽中自定义弹窗的底部内容。通过在插槽中添加自定义的HTML元素，并设置其高度属性，可以间接地控制弹窗的高度。例如：

<el-dialog :visible="dialogVisible">
  <!-- 弹窗内容 -->
  <template #footer>
    <div style="height: 400px;"></div> <!-- 设置底部内容的高度为400px -->
  </template>
</el-dialog>