表单中el-select和el-input的长度不一致？

2022年 2月 11日 97点热度 0人点赞 0条评论

解决方法

当它们一起使用时, 一般select长度是默认的, 会比input短, 只需要设置其宽度是100%即可.

.el-form-item .el-select {
  width: 100%;
}

同理, el-date-picker也是类似的, 但有所差别, 给其设置class:

<el-date-picker
  v-model="endTime"
  type="date"
  placeholder="结束时间"
  class="long-width"
  value-format="yyyy-MM-dd">
</el-date-picker>

然后设置其宽度是100%.

.long-width {
  width: 100%;
}

本文链接地址：表单中el-select和el-input的长度不一致？，英雄不问来路，转载请注明出处，谢谢。

本作品采用知识共享署名 4.0 国际许可协议进行许可