vue 2 修改 el-dialog 宽度

在Vue 2中，如果你想要修改Element UI库中的`el-dialog`组件的宽度，你可以直接在组件的`style`属性或绑定的样式对象中设置其`width`属性。以下是两种常见的方法：

1. **在HTML模板上直接设置宽度**：

   <el-dialog :width="dialogWidth" title="标题">
     <!-- 内容 -->
   </el-dialog>

然后在你的Vue实例中，通过数据动态控制`dialogWidth`，例如：

   data() {
     return {
       dialogWidth: '50%' // 可以设置为百分比或其他尺寸单位
     }
   },

2. **使用计算属性来动态计算宽度**：
如果需要更复杂的条件或基于其他值来计算宽度，可以创建一个计算属性：

   computed: {
     dialogWidth() {
       // 根据某些条件返回宽度，例如：
       return this.isLargeDialog ? '80%' : '40%'
     }
   },

这样，当`isLargeDialog`变化时，`dialogWidth`也会随之更新。

**