vue用elementui写form表单时,在label里添加空格操作_vue添加空格 - CSDN文库

40 浏览量更新于2023-03-16 评论收藏 49KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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组件库写表单效果，需要添加字体小图标，效果如下：

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里添加空格操作就是小编分享给大家的全部内容了，希望能给大家一个参考，

也希望大家多多支持我们。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38613330

粉丝: 5
资源: 950

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈