vue项目的elementui的form表单label的对齐方式和 eldatepicker 的长度设置

1、先按照官网的  :label-position  属性玩了一下毫无效果;发现单独使用这个属性是无效的,必须和  label-width 属性一起使用才生效;

如:

 <el-form :model="form" :rules="rules"  ref="form" inline  label-position="right" label-width="100px" status-icon>
     

  注意 label-position不能加 ‘ :’,加了会报如下错误:

Property or method "right" is not defined on the instance but referenced dur

2、时间选择组件的 el-date-picker 的长度设置 ,

#在组件里加上 style="163px" 
#在组件里加上 style="163px" 

 <el-form-item prop="endTime" label="截止时间:">
              <el-date-picker
                size="small"
                v-model="form.endTime"
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="选择日期"
                style="163px"
              ></el-date-picker>
            </el-form-item>
原文地址:https://www.cnblogs.com/dupenghui/p/13177876.html