前端学习笔记 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参数的设置，否则就会出现表单前留有空白的情况。

前端学习笔记 vue之label-width相关推荐

【前端学习笔记】JavaScript + jQuery + Vue.js + Element-UI
前端学习笔记 JavaScript jQuery Vue.js Element-UI Java 后端部分的笔记:Java 后端笔记 JavaScript 基础语法(数据类型.字符串.数组.对象.Map ...
2017-2-15从0开始前端学习笔记（HTML）-图片-表格-表单
2017-2-15从0开始前端学习笔记-图片-表格-表单标签图片图片<img src="#" alt="文本说明不能加载图片时显示" title= ...
前端学习笔记之CSS3基础语法与盒模型（二）
前端学习笔记之 CSS3基础语法与盒模型 CSS3简介 CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言 CSS3是CSS的最新版本,增加了大量的样 ...
前端学习笔记36-水平方向的布局
前端学习笔记36-水平方向的布局上一节中的margin-right是没用的,为什么呢? 子元素的七个水平布局设置: margin-left border-left padding-left widt ...
web前端学习笔记（最新）
web前端学习笔记大家好,我是链表哥,新的学期,新的学习,我会为您展示我的学习进程. 一:什么是WEB前端? 所谓的Web前端指的是用户所能接触到的,并服务于用户的前沿端口,经我们程序员编辑修饰后展 ...
前端学习笔记（HTMLCSS）（06）CSS盒子模型练习
前端学习笔记(HTML&CSS)(06) 练习一:图片列表 <!DOCTYPE html> <html lang="en"> <head> ...
前端学习笔记：Bootstrap框架入门
前端学习笔记:Bootstrap框架入门一.Bootstrap概述 1.基本信息 Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS. ...
前端学习笔记（this）
前端学习笔记(this) 在函数中调用在函数中直接调用函数作为对象的方法进行调用不在函数中调用 es6的箭头函数在函数中调用在函数中直接调用 1 严格模式和非严格模式中this 严格模式下t ...
前端学习笔记（js基础知识）
前端学习笔记(js基础知识) JavaScript 输出 JavaScript 数据类型常见的HTML事件 DOM 冒泡与捕获流程控制语句 for..in 计时器 let,var,const的区别 ...

前端学习笔记 vue之label-width

前端学习笔记 vue之label-width相关推荐

最新文章

热门文章