element UI dialog 固定高度

Posted cczhao06

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element UI dialog 固定高度相关的知识,希望对你有一定的参考价值。

解决方法:在dialog里写一个div ,div的大小设置为相对视窗的大小就行

<el-dialog title="xxx" :visible.sync="dialogTimeVisible">
   <div class="el-dialog-div">
        XXX....
   </div>
</el-dialog>

<style lang="scss" scoped>
   .el-dialog-div{
      height: 60vh;
      overflow: auto;
    }
</style>

 

以上是关于element UI dialog 固定高度的主要内容,如果未能解决你的问题,请参考以下文章

给vue,element-ui中的table添加动态的高度

javascript element-ui@1.x版本,如果需要把表第一列作为汇总列,并且表格高度大于屏幕高度,向下滚动式使第一行固定在屏幕顶部

elementUI(el-dialog)小记

element-ui 组件扩展 - dialog嵌套问题

element-ui中table组件-高度做适配

解决element-ui表头错位的问题