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

這篇文章主要介紹“原生微信小程序/uniapp使用空格占位符無效如何解決”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“原生微信小程序/uniapp使用空格占位符無效如何解決”文章能幫助大家解決問題。

原生微信小程序官方文檔

uniapp官方文檔

從文檔可以知道我們可以用 , , 等等作為占位符實現(xiàn)空格效果，然而我試了很多次都沒有達到效果，以下是錯誤示范：

• 錯誤示范一：

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

錯誤原因：decode默認是false，也就是說默認是不會解碼的，需要手動設(shè)置為true

• 錯誤示范二：

<text decode>&ensp;愛吃炸排骨</text>

錯誤原因：&ensp需要用{{}}括起來，于是?。?！

• 正確示范：

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

在.js文件（原生微信小程序）或 <script>（uniapp）中寫內(nèi)容

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() {

  }
})

關(guān)于“原生微信小程序/uniapp使用空格占位符無效如何解決”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。