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

Moss Huang

于 2022-09-14 16:50:02 发布

阅读量5.1k

点赞数 4

分类专栏： element-ui 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/q283614346/article/details/126855652

版权

element-ui 专栏收录该内容

2 篇文章

订阅专栏

默认情况下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>