vue输入多个空格解决方法(uni-app也一样)

先说一下,’\u00a0’是’nbsp’的16进制表示,其他空格也可以使用下表的值:
在这里插入图片描述

在此之前,看了很多用法,都是说用空格占位符或者转义字符的,但是vue中直接放在文字里只能有一个空格
在这里插入图片描述
在这里插入图片描述
我解决的方法就是把占位符或者转义字符放在标签的v-html中,这个用法才能实现多个空格
ps:vue的v-html中要用转义字符的16进制表示
在这里插入图片描述在这里插入图片描述

同样,uni-app中text标签中有decode属性,但是我着实没用明白,空格也是用的v-html

</text><text v-html="'&nbsp;'"></text>

ps:当时我就是想用空格,所以我找了好多方法,钻了牛角尖如今终于找到了,后来想想其实给文字加一个span标签,然后加padding也能实现要的效果,毕竟当时我是想就用空格,我就不用别的,我就用空格,哈哈哈

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐