uni-app text标签开头不显示占位符的bug以及解决方案

uni-app text标签开头不显示占位符的bug以及解决方案

  本文借鉴https://blog.csdn.net/weixin_44310456/article/details/119894918

<template>
	<view>
		<view>
			<text space="emsp" decode="true">这是段落1</text>
		</view>
		<view>
			<text space="emsp" decode="true">这是&emsp;段落2</text>
		</view>
		<view>
			<text space="emsp" decode="true">这是 段落3</text>
		</view>
		<view>
			<text space="emsp" decode="true"> 这是段落4</text>
		</view>
		<view>
			<text space="emsp" decode="true">&emsp;这是 段落5</text>
		</view>
		<view>
			<text space="emsp" decode="true">  这是 段落6</text>
		</view>
		<view>
			<text space="emsp" >{{'  '}}这是 段落6</text>
		</view>
	</view>
</template>
 
<script>
	export default {
		data() {
			return {
 
			}
		},
		methods: {
 
		}
	}
</script>
 
<style>
	view {
		margin-bottom: 10vh;
	}
</style>

  结果如图：

  可以看到，只要设置了space和decode，在text标签中无论输入空格还是占位符都会识别。但是他不识别开头的占位符/空格。当我们想要做文章段落时很不方便。

   解决方案很简单，在text里用{{’ '}}引用一个空格字符串，即可