element el-dialog 高度问题

通过custom-class 样式解决,根据每个不同的dialog 自定义custom-class  

<el-dialog
  title=”提示”
  :visible.sync=”dialogVisible”
  width=”30%”

 custom-class=”menu-dialog-height

>
  <div style=”height:540px;”>
    <span>这是一段信息</span>
  </div>
  <span slot=”footer” class=”dialog-footer”>
    <el-button @click=”dialogVisible = false”>取 消</el-button>
    <el-button type=”primary” @click=”dialogVisible = false”>确 定</el-button>
  </span>
</el-dialog>
…..

 

<style>

.menu-dialog-height {

    height: 56%; 

}

</style>

这个方法应该是很笨的方法,如有更好的方法,欢迎指导

 

参考链接:

https://blog.csdn.net/xnlzg/article/details/108646911

 

 

    原文作者:WenyueQ°
    原文地址: https://blog.csdn.net/u014325666/article/details/115752104
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞