【element-ui】el-dialog改变宽度

dialog默认宽度为父元素的50%，这就导致在移动端会非常的窄，如图1，需要限定宽度。
解决方法：添加custom-class属性，然后在style中编写样式，注意，如果有scoped限定，需要加::v-deep

<el-dialog
    title="XXXX"
    :visible.sync="dialogVisible"
    custom-class="dialogwidth">
</el-dialog>

<style scoped lang="scss">
 ::v-deep .dialogwidth{
    min-width: 300px;
  }
</style>