el-form设置el-select和el-input一样的宽度

  • Post author:
  • Post category:其他


默认情况下select和input的长度不一样,如下

在这里插入图片描述

在el-select加上

style="width:100%;"

即可

<el-form-item label="模板类型" prop="type">
  <el-select
    v-model="templateForm.type"
    placeholder="请选择模板类型"
    style="width:100%;"
    @change="typeChange"
  >
    <el-option
      v-for="dict in typeOptions"
      :key="dict.dictValue"
      :label="dict.dictLabel"
      :value="dict.dictValue"
    />
  </el-select>
</el-form-item>

效果图

在这里插入图片描述



版权声明:本文为q283614346原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。