在这里插入图片描述

这个主要是为了在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参数的设置,否则就会出现表单前留有空白的情况。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐