Element form 表单 label 添加多个空格

效果图
使用插槽 slot="label" 实现，直接上代码。

<el-form-item prop="method">
  <label slot="label">
    计&nbsp;&nbsp;算&nbsp;&nbsp;方&nbsp;&nbsp;法：
  </label>
    <el-input v-model.trim="searchForm.serialNumber" placeholder="请输入计算结果单号"></el-input>
  </el-select>
</el-form-item>

posted @ 2022-07-29 09:43 DL·Coder 阅读(752) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步

相关博文：

· Element textarea 行数限制，超过限定行数不允许输入

· JS 字符串去除空格的方法

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

· element-ui里Form 表单内给label内容添加图标提示

· element-ui 之 Form-Item 插槽使用

阅读排行：
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 无需6万激活码！GitHub神秘组织3小时极速复刻Manus，手把手教你使用OpenManus搭建本