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)