elementUI中表单里面的select选择器字体被挤压如何设置宽度

只需要给el-form加一个label-width="100px"宽度加大即可,原来label-width="70px"修改后label-width="100px"
注意:不推荐使用auto,容易报错,正确源码如下:

 <el-form :rules="loginFormRules" :model="form" label-width="100px">
              <el-form-item prop='method' label="Method">
                <el-select v-model="form.method" placeholder="请选择活动区域">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
            </el-form>

1.未修改如下图:

在这里插入图片描述

2.修改如下图:

在这里插入图片描述

感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!

猜你喜欢

转载自blog.csdn.net/m0_49714202/article/details/124375131