elementui的el-select、el-date-picker的宽度比el-input宽度短

公孙元二

已于 2022-02-26 14:47:08 修改

阅读量7.8k

点赞数 4

分类专栏： Css/Canvas/SVG/Elementui 文章标签： elementui vue.js 前端

于 2022-02-26 14:46:17 首次发布

本文链接：https://blog.csdn.net/Amnesiac666/article/details/123149870

版权

Css/Canvas/SVG/Elementui 专栏收录该内容

144 篇文章 3 订阅

订阅专栏

是的，el-select、el-date-picker等的宽度就是比input端，可以设置style，width:100%来解决。

<el-date-picker
     v-model="endTime"
     type="date"
     placeholder="结束时间"
     style="width:100%;"
     value-format="yyyy-MM-dd">
</el-date-picker>

<el-select style="width:100%" v-model="staffForm.jobId" placeholder="请选择" @focus="getJobs">
            <el-option
              v-for="item in staffJobs"
              :key="item.jobId"
              :label="item.jobName"
              :value="item.jobId"/>
          </el-select>