vue中利用elementui写形式表单时,在标签里添加空格的方法

  介绍

这篇文章将为大家详细讲解有关vue中利用elementui写形式表单时,在标签里添加空格的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

 vue中利用elementui写形式表单时,在标签里添加空格的方法

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

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

 vue中利用elementUI写形式表单时,在标签里添加空格的方法

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写形式表单时,在标签里添加空格的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

vue中利用elementui写形式表单时,在标签里添加空格的方法