Vue前端框架Element 的form表单项el-form-item的label中空格不起效和多个空格只显示一个的问题解决

搜索了一下,大部分是说使用slot解决,但是使用  只显示一个

后又看到一篇文章Vue使用&nbsp空白占位符 - 钟小嘿 - 博客园 (cnblogs.com)

使用转义,但要用v-html,后尝试了一下使用 模板 {{}}结合可以实现,

更简单的是可以不用slot,直接在 slot上 使用 反引号` ` 模板即可,

最终解决代码如下:

1 <el-form-item label-width="100px" :label="`其他\u00a0\u00a0\u00a0\u00a0\u00a0评价`" prop="teamMan">
2               <!--              <label slot="label">{{'其他\u00a0\u00a0\u00a0\u00a0\u00a0评价'}}</label>-->
3               <el-input v-model="formData.teamMan" />
4             </el-form-item>

其他参考文章:

Vue中的空格占位符使用 - 掘金 (juejin.cn)

posted @   dirgo  阅读(1321)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
历史上的今天:
2022-02-21 [转]Vue Treeselect使用常见问题汇总及解决办法
点击右上角即可分享
微信分享提示