脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue elementui form表单label空格

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

 更新时间：2020年08月13日 14:12:40   作者：asteriaV  
这篇文章主要介绍了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组件库写表单效果，需要添加字体小图标，效果如下：

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

您可能感兴趣的文章:

相关文章

  • vue中的 $slot 获取插槽的节点实例

    vue中的 $slot 获取插槽的节点实例

    今天小编就为大家分享一篇vue中的 $slot 获取插槽的节点实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue中v-model指令与.sync修饰符的区别详解

    vue中v-model指令与.sync修饰符的区别详解

    本文主要介绍了vue中v-model指令与.sync修饰符的区别详解，详细的介绍了两个的用法和区别，感兴趣的可以了解一下
    2021-08-08
  • 移动端滑动切换组件封装 vue-swiper-router实例详解

    移动端滑动切换组件封装 vue-swiper-router实例详解

    这篇文章主要介绍了移动端滑动切换组件封装 vue-swiper-router实例详解,需要的朋友可以参考下
    2018-11-11
  • vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

    vue vantUI tab切换时 list组件不触发load事件的问题及解决方法

    这篇文章主要介绍了vue vantUI tab切换时 list组件不触发load事件的解决办法,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
    2020-02-02
  • Vuex之理解state的用法实例

    Vuex之理解state的用法实例

    本篇文章主要介绍了Vuex之理解state的用法实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • Element-UI中Upload上传文件前端缓存处理示例

    Element-UI中Upload上传文件前端缓存处理示例

    这篇文章主要介绍了Element-UI中Upload上传文件前端缓存处理示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • vuejs2.0子组件改变父组件的数据实例

    vuejs2.0子组件改变父组件的数据实例

    本篇文章主要介绍了vuejs2.0子组件改变父组件的数据实例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-05-05
  • 详解Vue3如何加载动态菜单

    详解Vue3如何加载动态菜单

    这篇文章主要为大家详细介绍了Vue3是如何实现加载动态菜单功能的，文中的示例代码讲解详细，对我们学习Vue有一定帮助，需要的可以参考一下
    2022-07-07
  • vue实现拖拽或点击上传图片

    vue实现拖拽或点击上传图片

    这篇文章主要为大家详细介绍了vue实现拖拽或点击上传图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 利用Vue2.x开发实现JSON树的方法

    利用Vue2.x开发实现JSON树的方法

    这篇文章主要给大家介绍了关于利用Vue2.x开发实现JSON树的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2018-01-01

最新评论