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

作者:asteriaV 时间:2024-04-27 16:18:13 

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

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

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

代码:


<el-form-item label="密 码:" :label-width="formLabelWidth" prop="password">
  <label slot="label">密&nbsp;&nbsp;&nbsp;&nbsp;码:</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>

来源:https://blog.csdn.net/asteriaV/article/details/101539332

标签:vue,elementui,form,label,空格
0
投稿

猜你喜欢

  • 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
  • asp之家 网络编程 m.aspxhome.com