在用ElementUI form表单时 需要表单里的左侧的label显示的字体上下对齐,需要在字体中间加空白占位符,在尝试使用&nbsp之后,还是不能使用,vue会将&nbsp直接打印出来,并不能转换成空白占位符:
vue的ElementUI form表单给label属性字符串中添加空白占位符
显示的结果:
vue的ElementUI form表单给label属性字符串中添加空白占位符
渲染失效,vue官方使用v-html转html,但是label是在组件里,不能这样用。只好另想办法,记得搜狗输入法有特殊字符,在特殊符号中输入“空”,查找到空白字符,如图所示:
vue的ElementUI form表单给label属性字符串中添加空白占位符
这是添加了空白符号后:
vue的ElementUI form表单给label属性字符串中添加空白占位符
渲染结果:
vue的ElementUI form表单给label属性字符串中添加空白占位符
成功!

相关文章: