原生微信小程序/uniapp使用空格占位符无效如何解决

这篇文章主要介绍“原生微信小程序/uniapp使用空格占位符无效如何解决”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“原生微信小程序/uniapp使用空格占位符无效如何解决”文章能帮助大家解决问题。

原生微信小程序官方文档

uniapp官方文档

从文档可以知道我们可以用 , , 等等作为占位符实现空格效果，然而我试了很多次都没有达到效果，以下是错误示范：

• 错误示范一：

<text>&ensp;爱吃炸排骨</text>

错误原因：decode默认是false，也就是说默认是不会解码的，需要手动设置为true

• 错误示范二：

<text decode>&ensp;爱吃炸排骨</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: '&ensp;&ensp;&ensp;&ensp;爱吃炸排骨&ensp;'
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>

原生微信小程序：

wxml：

<text decode>{{myText}}</text>

js（为了演示的明显一点我加了好多个占位符）

Page({
  data:{
    myText: '    爱吃炸排骨 '
  },

  onLoad: function() {

  }
})

关于“原生微信小程序/uniapp使用空格占位符无效如何解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注本站行业资讯频道，小编每天都会为大家更新不同的知识点。