怎么修改element ui中dialog中的宽度

原创于 2021-06-17 17:26:45 发布 · 6k 阅读

本内容遵循CC 4.0 BY-SA版权协议

收录于

前端

本文介绍了如何在Vue项目中使用Element UI的El-Dialog组件设置弹窗宽度的两种方法：一是固定宽度，二是通过变量动态调整宽度。

两种情况：
（1）：直接在里面定死的
width=“50%”

<el-dialog :visible.sync="visible" title="新增生产计划" width="55%">
     
</el-dialog>

（2）：活动的宽度
:width=“dialogwidth”

dialogwidth是实例化vue里面的一个变量，注意：width前面有一个“:”;

<el-dialog :visible.sync="visible" title="新增生产计划" :width="dialogwidth">
     
</el-dialog>