0
点赞
收藏
分享

微信扫一扫

表单中el-select、el-date-picker和el-input的长度不一致解决办法


如图

表单中el-select、el-date-picker和el-input的长度不一致解决办法_javascript

解决办法

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

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

同理,el-date-picker也是类似的,但有所差别。

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

然后设置其宽度是100%

.picker-width{
width: 100%;
}


举报

相关推荐

0 条评论