位置: IT常识 - 正文
原生微信小程序/uniapp使用空格占位符无效解决方法(原生微信小程序面试题)
编辑：rootadmin原生微信小程序/uniapp使用空格占位符无效解决方法 
本文链接地址:https://www.jiuchutong.com/zhishi/294575.html
转载请保留说明！
推荐整理分享原生微信小程序/uniapp使用空格占位符无效解决方法(原生微信小程序面试题)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:原生微信小程序开发,原生微信小程序框架,原生微信小程序和uniapp对比,原生微信小程序遇到的问题,原生微信小程序是什么意思,原生微信小程序开发,原生微信小程序面试题,原生微信小程序开发,内容如对您有帮助，希望把文章链接给更多的朋友！
最近碰到一个需求，在一个<text>文本中的前后添加空格占位符，总所周知，我并不会前端，于是我查看了原生微信小程序以及uniapp官方文档，得到了以下答案：
原生微信小程序官方文档 uniapp官方文档 从文档可以知道我们可以用 , , 等等作为占位符实现空格效果，然而我试了很多次都没有达到效果，以下是错误示范：错误示范一：<text> 爱吃炸排骨</text>错误原因：decode默认是false，也就是说默认是不会解码的，需要手动设置为true错误示范二：<text decode> 爱吃炸排骨</text>
错误原因：&ensp需要用{{}}括起来，于是！！！正确示范：
<text decode>{{myText}}</text>在.js文件（原生微信小程序）或 <script>（uniapp）中写内容
myText: ' 爱吃炸排骨 '然后大功告成！！！其实我还试过好多错误的但是这里就不一 一演示了 下面是完整文件（同样也分为了uniapp和原生）： uniapp:（为了演示的明显一点我加了好多个占位符）
<template><view><text decode>{{myText}}</text></view></template><script>export default {data() {return {myText: '    爱吃炸排骨 '}},methods: {}}</script><style></style>原生微信小程序：
wxml：<text decode>{{myText}}</text>js（为了演示的明显一点我加了好多个占位符）Page({ data:{ myText: '    爱吃炸排骨 ' }, onLoad: function() { }})🆗，完结撒花🌺🌺🌺
下一篇：在uni-app中使用手机号一键登录(uni-app实战教程)