你确定吗 为什么我加了width和height大小没有变 <el-dialog :visible.sync="showQueueSort" :width="20" :height="'10px'"> <el-select v-model="queueSort" placeholder="队列排序方式" filterable allow-create clearable style="width: 220px; margin: 10px"> <el-option v-for="item in queueSortList" :key="item.value" :label="item.desc" :value="item.value"> </el-option> </el-select> <div slot="footer"> <el-button @click="showQueueSort = false">取消</el-button> <el-button type="primary" @click="goQueueSort">确认</el-button> </div> </el-dialog>

对不起，我的上一个回答是错误的。在`el-dialog`组件中，`width`和`height`属性需要设置成字符串类型的值，例如`width="20%"`或`height="10px"`，否则可能不会生效。

另外，`width`和`height`属性的值也可以设置成一个大于等于1的数字，代表对话框的宽度或高度以像素为单位。但是需要注意，如果设置的值过小，则可能会导致对话框内容显示不完整。

下面是一个使用字符串类型值设置`width`和`height`属性的例子：

<el-dialog
  :visible.sync="showQueueSort"
  width="50%"
  height="300px"
>
  <!-- 对话框内容 -->
</el-dialog>

在这个例子中，对话框的宽度被设置为页面宽度的50%，高度被设置为300像素。