今天用dialog里面显示echarts图,由于里面包含了tab页面,第一个tab页面显示一个图标,第二个tab页面显示2个图标,上下的位置,这样导致切换tab的时候,dialog的高度会发生变化,官网里面只有设置宽度,可用下面方法解决
在dialog里写一个div ,div的大小设置为相对视窗的大小就行了
<el-dialog
class="dialog"
:visible.sync="dialogVisible"
top="1%"
:title="dialogTitle"
@close="handleClose"
width="50%"
>
<div class="el-dialog-div">
//省略其他内容
</div >
</el-dialog>
<style lang="scss" scoped>
.el-dialog-div{
height: 60vh;
overflow: auto;
}
</style>