近日参加公司实习,接手了公司uni-app的页面布局开发,遇到了一些小bug,这里说一下关于text标签的bug。
先上代码
<template>
<view>
<view>
<text space="emsp" decode="true">这是段落1</text>
</view>
<view>
<text space="emsp" decode="true">这是 段落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"> 这是 段落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里用{{}}引用一个空格字符串,即可