问题
使用ElementUI的表单中下拉框(包括日期选择等)组件时,其样式未与表单一致,如宽度、label位置等。
解决方案
在该组件标签加上样式:style="width:100%" 即可解决。
<el-form :model="certificationForm" :label-position="top"
ref="certificationForm">
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="取得时间" prop="time">
<el-date-picker style="width: 100%"
v-model="certificationForm.time"
type="date"
value-format="yyyy-MM-dd"
placeholder="取得日期">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
</el-form>