dialog 固定高度
时间: 2023-09-24 18:05:09 浏览: 76
要固定dialog的高度,你可以在dialog的内容外套一层div,并给这个div添加自定义样式。例如,在el-dialog中添加一个class为"el-dialog-div"的div,并设置其高度和overflow属性。具体代码如下:
```html
<el-dialog :visible.sync="dialogVisible" title="Dialog标题" width="50%">
<div class="el-dialog-div">
<!-- 窗口内容 -->
</div>
</el-dialog>
<style scoped>
.el-dialog-div {
height: 300px; /* 设置固定的高度 */
overflow: auto; /* 设置内容溢出时出现滚动条 */
}
</style>
```
在上述代码中,将el-dialog的内容用一个div包裹,并给这个div添加了class为"el-dialog-div"。然后,在样式中,设置这个div的高度为固定值(例如300px),并设置overflow属性为auto,这样当内容超出固定高度时,会出现滚动条。你可以根据需要调整高度值。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [elementui dialog固定高度](https://blog.csdn.net/CarryBest/article/details/89396354)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [el-dialog固定高度](https://blog.csdn.net/q283614346/article/details/126853790)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]