el-select设置下拉的宽度和选项框的宽度

喵喵酱仔__

已于 2024-08-01 11:28:35 修改

阅读量2.4k

点赞数 4

分类专栏： # element-plus使用 vue3（新常使用方法）文章标签： vue.js elementui javascript

于 2024-06-06 10:14:06 首次发布

本文链接：https://blog.youkuaiyun.com/qq_38210427/article/details/139492634

版权

element-plus使用 vue3（新常使用方法）专栏收录该内容

42 篇文章

订阅专栏

    <el-form :model="company" label-width="auto" label-position="top" class="basicInfo">
      <el-row :gutter="20">
        <el-col :span="12"
          ><div>
            <el-form-item label="企业名称">
              <el-input v-model="company.name" placeholder="请输入" />
            </el-form-item> </div
        ></el-col>
        <el-col :span="12"
          ><div>
            <el-form-item label="所属行业">
              <el-select v-model="value" placeholder="请选择" size="large">
                <el-option
                  v-for="item in options"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </el-form-item> </div
        ></el-col>
      </el-row>

</el-form>


.el-input {
  width: 500px;
  height: 32px;
}
.el-select {
  width: 500px;
  height: 32px;
}
:deep(.el-select--large .el-select__wrapper) {
  min-height: 32px;
}