首页 > 其他 > 详细

vue element-ui的对话框dialog没有height怎么解决?

时间:2019-12-04 11:21:16      阅读:488      评论:0      收藏:0      [点我收藏+]

饿了么的对话框 https://element.eleme.cn/#/zh-CN/component/dialog

技术分享图片

 

思路:直接获得dialog,然后强制加height

见如下代码:

<el-dialog
  ref="elDialog"
  title="提示"
  :visible.sync="dialogVisible"
  width="30%"
  :before-close="handleClose">
  <span>这是一段信息</span>
  <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>


this.$refs.elDialog[0].$el.firstChild.style.height = ‘90%‘;

 

 

vue element-ui的对话框dialog没有height怎么解决?

原文:https://www.cnblogs.com/jishugaochao/p/11981137.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!