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

         近日参加公司实习,接手了公司uni-app的页面布局开发,遇到了一些小bug,这里说一下关于text标签的bug。

        先上代码

<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" decode="true">{{'  '}}这是 段落6</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	view {
		margin-bottom: 10vh;
	}
</style>

结果如图: 

 

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值