介绍
这篇文章将为大家详细讲解有关vue中利用elementui写形式表单时,在标签里添加空格的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
要在密码两字中间添加空格,发现直接添加和,是识别不了的,正确写法为:
代码:
& lt; el-form-item标签=懊苈?“:label-width=癴ormLabelWidth"支持=皃assword"比; & lt;标签槽=發abel"祝辞密,,,,,,,,码:& lt;/label> & lt; el-input 类型=皃assword" v模型=癋ormData.password" 占位符=扒胧淙朊苈搿? 自动完成=皁ff" show-password 祝辞& lt;/el-input> & lt;/el-form-item>
<强> vue + elementUI给输入输入框添加字体小图标强>
基于vue框架,使用element-ui组件库写表单效果,需要添加字体小图标,效果如下:
1。只需要添加prefix-icon=癷confont icon-xxx"即可(头部插入)
//例如 & lt; el-input prefix-icon=癷confont icon-sousuo" v模型=皊earchTableInfo" 占位符=扒胧淙胄彰? 祝辞& lt;/el-input>
2。添加suffix-icon=" iconfont icon-xxx”(尾部添加)
//例如 & lt; el-input suffix-icon=癷confont icon-sousuo" v模型=皊earchTableInfo" 占位符=扒胧淙胄彰? 祝辞& lt;/el-input>
关于vue中利用elementui写形式表单时,在标签里添加空格的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。