前端学习笔记 vue之label-width

这个主要是为了在input表单前加一个label预留指定宽度的空间，

代码如下

   <el-form ref="login-form" :model="form" label-width="80px" class="login-form">
     <h2 class="login-title">证件照管理系统</h2>
     <el-form-item label="用户名：" prop="username">
       <el-input autocomplete="on" name="mobile" type="text" v-model="form.username"
                 placeholder="用户名"/>
     </el-form-item>

     <el-form-item label="密码：" prop="username">
       <el-input autocomplete="on" name="mobile" type="password" v-model="form.pass"
                 placeholder="密码"/>
     </el-form-item>
     <el-button type="primary" style="width:100%;" :loading="loading">
       登录
     </el-button>
   </el-form>

如果不需要label则取消label-width参数的设置，否则就会出现表单前留有空白的情况。