<el-form-item prop="siteId"> <el-select v-model="query.layerNum" clearable placeholder="请选择货架节数"> <el-option v-for="item in siteList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> 调整下拉菜单框的大小
时间: 2024-01-25 08:02:41 浏览: 143
Vue: 多个el-select不能重复选择相同属性
你可以使用 `style` 属性来调整下拉菜单框的大小,具体操作如下:
```html
<el-form-item prop="siteId">
<el-select v-model="query.layerNum" clearable placeholder="请选择货架节数" style="width: 200px;">
<el-option
v-for="item in siteList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</el-form-item>
```
在 `style` 属性中设置了 `width` 为 `200px`,这样就可以将下拉菜单框的宽度设置为 200 像素。你可以根据实际需要调整这个值。
阅读全文