vue的ElementUI form表单如何给label属性字符串中添加空白占位符

 更新时间:2023年10月31日 10:02:32   作者:ponGISer  
这篇文章主要介绍了vue的ElementUI form表单如何给label属性字符串中添加空白占位符问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

ElementUI form表单给label属性字符串中添加空白占位符

在用ElementUI form表单时 需要表单里的左侧的label显示的字体上下对齐,需要在字体中间加空白占位符,在尝试使用&nbsp之后,还是不能使用,vue会将&nbsp直接打印出来,并不能转换成空白占位符:

显示的结果

渲染失效,vue官方使用v-html转html,但是label是在组件里,不能这样用。

只好另想办法,记得搜狗输入法有特殊字符,在特殊符号中输入“空”,查找到空白字符,

如图所示:

这是添加了空白符号后:

渲染结果

成功!

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue开发工具之vuejs-devtools安装教程及常见问题解决(最详细)

    Vue开发工具之vuejs-devtools安装教程及常见问题解决(最详细)

    这篇文章主要介绍了Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决本篇文章是最详细的vue开发工具vuejs-devtools安装教程,需要的朋友可以参考下
    2022-11-11
  • vue根据权限动态渲染按钮、组件等的函数式组件实现

    vue根据权限动态渲染按钮、组件等的函数式组件实现

    这篇文章主要介绍了vue根据权限动态渲染按钮、组件等的函数式组件实现方式,具有很好的参考价值,希望杜大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-11-11
  • vue3(optionApi)使用Element Plus库没有效果的解决方式

    vue3(optionApi)使用Element Plus库没有效果的解决方式

    这篇文章主要介绍了vue3(optionApi)使用Element Plus库没有效果的解决方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • Vue实现前端页面缓存的过程

    Vue实现前端页面缓存的过程

    这篇文章主要介绍了Vue实现前端页面缓存的过程,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • vue中使用Echarts map图实现下钻至县级的思路详解

    vue中使用Echarts map图实现下钻至县级的思路详解

    这篇文章主要介绍了vue中使用Echarts map图实现下钻至县级,需要注意的是,因为我是直接从 vue-cli2 直接跳到 vue-cli4 ,还奇怪怎么读取不到JSON,查找后才知道 vue-cli3 往后的项目基础架构对比旧版本有些区别,感兴趣的朋友跟随小编一起看看吧
    2022-01-01
  • Vuex入门之Module使用详解

    Vuex入门之Module使用详解

    这篇文章主要介绍了Vuex入门之Module使用详解,由于使用单一状态树,应用的所有状态会集中到一个比较大的对象,当应用变得非常复杂时,store 对象就有可能变得相当臃肿,需要的朋友可以参考下
    2023-11-11
  • Element UI中v-infinite-scroll无限滚动组件使用详解

    Element UI中v-infinite-scroll无限滚动组件使用详解

    在移动端数据的更新中许多方法孕育而生,无限滚轮也是解决的方案一种,Element-ui为vue开发了一个事件(v-infinite-scroll),下面这篇文章主要给大家介绍了关于Element UI中v-infinite-scroll无限滚动组件使用的相关资料,需要的朋友可以参考下
    2023-02-02
  • element plus tree拖动节点交换位置和改变层级问题(解决方案)

    element plus tree拖动节点交换位置和改变层级问题(解决方案)

    图层list里有各种组件,用element plus的tree来渲染,可以把图片等组件到面板里,面板是容器,非容器组件,比如图片、文本等,就不能让其他组件拖进来,这篇文章主要介绍了element plus tree拖动节点交换位置和改变层级问题(解决方案),需要的朋友可以参考下
    2024-04-04
  • Vue3 中的  shallowReactive 详解

    Vue3 中的  shallowReactive 详解

    本文深入探讨了Vue3中新特性shallowReactive的使用和原理,shallowReactive是创建浅响应式对象的API,只对对象的第一层属性进行响应式转换,不对嵌套对象处理,有助于性能优化和状态管理,同时也指出了shallowReactive在使用中的注意事项
    2024-10-10
  • vue $set 实现给数组集合对象赋值

    vue $set 实现给数组集合对象赋值

    这篇文章主要介绍了vue $set 实现给数组集合对象赋值方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2021-07-07

最新评论