Vue+ElemtUI中对el-dialog弹出框宽度调整方法

最终我在el-dialog增加了一个customClass

• 代码如下：

   <!-- 展示历次服务页面 -->
    <el-dialog
    title="历次服务信息"
    :visible.sync="dialogVisible"
    customClass="customWidth"  //添加该样式就可设置弹出框的宽度
    width="30%">
    
弹出框的内容：。。。。。。。。。。。。。

    </el-dialog>

• sytle样式设置如下：

<style>
  .customWidth{
      width:40%;  // 设置弹出框宽度的数值
  }
</style>

• 这样就可以控制el-dialog弹出框的宽度了