如何设置element dialog的宽度

Element UI 的 Dialog 组件可以通过设置 `width` 属性来控制宽度。可以通过以下两种方式设置宽度：

1. 直接设置宽度值：可以将 `width` 属性设置为一个数值或字符串，如 `width="50%"` 或 `width="500px"`。

2. 通过样式设置宽度：可以通过设置 Dialog 的 `custom-class` 属性来自定义 Dialog 的样式类，然后在样式表中设置该样式类的宽度属性，如：

<el-dialog
  title="Dialog Title"
  :visible.sync="dialogVisible"
  :custom-class="dialogClass"
>
  <span>Dialog Content</span>
</el-dialog>

.dialog-width {
  width: 500px;
}

export default {
  data() {
    return {
      dialogVisible: false,
      dialogClass: 'dialog-width'
    }
  }
}

这样就可以通过设置样式类的宽度来控制 Dialog 的宽度了。