el-dialog高度不超过屏幕
时间: 2023-07-30 21:11:21 浏览: 187
element ui 对话框el-dialog关闭事件详解
你可以通过设置`max-height`属性来限制`el-dialog`的高度不超过屏幕。首先,你需要在`el-dialog`的样式中添加一个自定义的类名,比如`dialog-max-height`。然后,在你的样式表中添加以下代码:
```css
.dialog-max-height .el-dialog__wrapper {
max-height: 100vh;
}
```
这里的`100vh`表示视口高度的百分比,确保`el-dialog`的高度不会超过屏幕的高度。最后,将自定义的类名应用到你的`el-dialog`组件上:
```html
<el-dialog class="dialog-max-height"></el-dialog>
```
这样,你的`el-dialog`的高度就不会超过屏幕了。
阅读全文