Element UI Dialog 对话框改成固定高度，超出部分滚动条滚动

在Element UI中，要将对话框（Dialog）组件的内容设置为固定高度并启用滚动条，您可以通过CSS样式来实现。以下是实现这一功能的方法和示例代码：

1. 在对话框外层包裹一个div，并设置固定高度和overflow属性。
2. 将对话框的custom-class属性用于设置自定义样式。

HTML:

<el-dialog
  :visible.sync="dialogVisible"
  custom-class="fixed-height-dialog"
>
  <!-- 对话框内容 -->
  <div class="dialog-content">
    <!-- 这里是很长的内容 -->
  </div>
</el-dialog>

CSS:

<style>
.fixed-height-dialog .el-dialog__body {
  height: 300px; /* 设置固定高度 */
  overflow: auto; /* 开启滚动条 */
}
</style>

JavaScript:

<script>
export default {
  data() {
    return {
      dialogVisible: false, // 对话框显示状态
    };
  },
};
</script>

在这个例子中，.fixed-height-dialog .el-dialog__body 选择器指定了对话框主体的固定高度和自动滚动条。当内容超出300px高度时，滚动条就会出现。您可以根据需要调整固定高度（这里设置为300px）。