vue用elementui写form表单时,在label里添加空格操作


Posted in Javascript onAugust 13, 2020

vue用elementui写form表单时,在label里添加空格操作

要在密码两字中间添加空格,发现直接添加  是识别不了的,正确写法为:

vue用elementui写form表单时,在label里添加空格操作

代码:

<el-form-item label="密 码:" :label-width="formLabelWidth" prop="password">
   <label slot="label">密    码:</label>
   <el-input
    type="password"
    v-model="FormData.password"
    placeholder="请输入密码"
    autocomplete="off"
    show-password
   ></el-input>
   </el-form-item>

补充知识:vue + elementUI 给input输入框添加 字体小图标

基于vue框架,使用element-ui组件库写表单效果,需要添加字体小图标,效果如下:

vue用elementui写form表单时,在label里添加空格操作

1.只需要添加prefix-icon="iconfont icon-xxx"即可(头部插入)

//例如
<el-input 
 prefix-icon="iconfont icon-sousuo" 
 v-model="searchTableInfo" 
 placeholder="请输入姓名" 
 style="width:240px"
></el-input>

2.添加suffix-icon=“iconfont icon-xxx”(尾部添加)

//例如
<el-input 
 suffix-icon="iconfont icon-sousuo" 
 v-model="searchTableInfo" 
 placeholder="请输入姓名" 
 style="width:240px"
></el-input>

以上这篇vue用elementui写form表单时,在label里添加空格操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript radio 联动效果
Mar 04 Javascript
javascript 闭包详解
Feb 15 Javascript
使用Meteor配合Node.js编写实时聊天应用的范例
Jun 23 Javascript
jQuery实现动态添加和删除一个div
Aug 12 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
探讨Vue.js的组件和模板
Oct 27 Javascript
js读取本地文件的实例
Dec 22 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
微信小程序下拉框搜索功能的实现方法
Jul 31 Javascript
JavaScript实现动态留言板
Mar 16 Javascript
vue-video-player实现实时视频播放方式(监控设备-rtmp流)
Aug 10 Javascript
jQuery中event.target和this的区别详解
Aug 13 #jQuery
在Vue 中获取下拉框的文本及选项值操作
Aug 13 #Javascript
vue自动添加浏览器兼容前后缀操作
Aug 13 #Javascript
Postman参数化实现过程及原理解析
Aug 13 #Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
Aug 13 #Javascript
vue路由分文件拆分管理详解
Aug 13 #Javascript
Postman环境变量全局变量使用方法详解
Aug 13 #Javascript
You might like
PHP解码unicode编码的中文字符代码分享
2014/08/13 PHP
php 5.4 全新的代码复用Trait详解
2017/01/05 PHP
PDO::beginTransaction讲解
2019/01/27 PHP
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
从新浪弄下来的全屏广告代码 与使用说明
2007/03/15 Javascript
Javascript Jquery 遍历Json的实现代码
2010/03/31 Javascript
使用UglifyJS合并/压缩JavaScript的方法
2012/03/07 Javascript
javascript控制Div层透明属性由浅变深由深变浅逐渐显示
2013/11/12 Javascript
jquery 显示*天*时*分*秒实现时间计时器
2014/05/07 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
js实现新浪微博首页效果
2015/10/16 Javascript
每天一篇javascript学习小结(面向对象编程)
2015/11/20 Javascript
JQuery用户名校验的具体实现
2016/03/18 Javascript
原生js实现autocomplete插件
2016/04/14 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
微信小程序 封装http请求实例详解
2017/01/16 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
在Python中关于中文编码问题的处理建议
2015/04/08 Python
Python selenium 三种等待方式解读
2016/09/15 Python
Python通过Pygame绘制移动的矩形实例代码
2018/01/03 Python
Python基于聚类算法实现密度聚类(DBSCAN)计算【测试可用】
2018/12/26 Python
Python面向对象之类的封装操作示例
2019/06/08 Python
简单了解python的一些位运算技巧
2019/07/13 Python
python 类之间的参数传递方式
2019/12/20 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
ShellScript面试题一则-ShellScript编程
2014/06/24 面试题
学子宴答谢词
2014/01/25 职场文书
求职信的最佳写作思路
2014/02/01 职场文书
护理专业自荐书
2014/06/04 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
郭明义电影观后感
2015/06/08 职场文书
学习党章心得体会2016
2016/01/15 职场文书
python自动化操作之动态验证码、滑动验证码的降噪和识别
2021/08/30 Python