前端学习笔记 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="用户名:"
·
这个主要是为了在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参数的设置,否则就会出现表单前留有空白的情况。
更多推荐
已为社区贡献1条内容
所有评论(0)