vue用elementui写form表单时,在label里添加空格操作
作者:asteriaV 时间:2024-04-27 16:18:13
要在密码两字中间添加空格,发现直接添加 是识别不了的,正确写法为:
代码:
<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组件库写表单效果,需要添加字体小图标,效果如下:
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>
来源:https://blog.csdn.net/asteriaV/article/details/101539332
标签:vue,elementui,form,label,空格


猜你喜欢
Python 字符串与数字输出方法
2021-09-01 09:01:59
MYSQL教程:检查数据表和修复数据表
2009-03-11 15:24:00
PHP实现PDF转图片的方法详解
2023-05-26 19:59:51
python调试神器PySnooper的使用
2021-08-28 23:25:49
条件注释使用指南[译]
2009-03-23 17:41:00
windows 10下安装搭建django1.10.3和Apache2.4的方法
2022-01-01 01:07:51

PyHacker编写URL批量采集器
2022-03-21 12:42:21

PHP的Laravel框架中使用消息队列queue及异步队列的方法
2024-05-11 10:08:15

pandas Dataframe行列读取的实例
2021-06-11 01:00:45
基于python实现垂直爬虫系统的方法详解
2023-11-17 13:33:38
Python实现自定义读写分离代码实例
2023-04-19 14:34:57
python显示天气预报
2022-04-22 23:46:38
源码解析gtoken替换jwt实现sso登录
2024-04-30 09:59:54

简单了解python变量的作用域
2022-07-21 13:10:08

轻松掌握python设计模式之访问者模式
2023-06-30 13:46:39

使用Python快乐学数学Github万星神器Manim简介
2022-07-03 04:28:00

Yahoo!上的小秘密
2007-08-23 09:48:00

如何在Access报表中每隔N行显示一条粗线
2008-11-16 18:11:00
在HTML中,常见的URL有多种表示方式:
2009-07-28 12:18:00
mysql中limit查询踩坑实战记录
2024-01-16 13:38:45
