原生微信小程序/uniapp使用空格占位符無(wú)效的解決辦法

更新時(shí)間：2023年02月27日 09:45:03 作者：愛(ài)吃炸排骨

最近需要在字體中間加空白占位符,在嘗試使用之后,還是不能使用,下面這篇文章主要給大家介紹了關(guān)于原生微信小程序/uniapp使用空格占位符無(wú)效的解決辦法,需要的朋友可以參考下

最近碰到一個(gè)需求，在一個(gè)<text>文本中的前后添加空格占位符，總所周知，我并不會(huì)前端，于是我查看了原生微信小程序以及uniapp官方文檔，得到了以下答案：

從文檔可以知道我們可以用 ,&ensp;,&emsp;等等作為占位符實(shí)現(xiàn)空格效果，然而我試了很多次都沒(méi)有達(dá)到效果，以下是錯(cuò)誤示范：

錯(cuò)誤示范一：

<text>&ensp;愛(ài)吃炸排骨</text>

錯(cuò)誤原因：decode默認(rèn)是false，也就是說(shuō)默認(rèn)是不會(huì)解碼的，需要手動(dòng)設(shè)置為true

錯(cuò)誤示范二：

<text decode>&ensp;愛(ài)吃炸排骨</text>

錯(cuò)誤原因：&ensp需要用{{}}括起來(lái)，于是?。。?/p>

正確示范：

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

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

myText: '&ensp;愛(ài)吃炸排骨&ensp;'

然后大功告成?。。∑鋵?shí)我還試過(guò)好多錯(cuò)誤的但是這里就不一一演示了

下面是完整文件（同樣也分為了uniapp和原生）：

uniapp:（為了演示的明顯一點(diǎn)我加了好多個(gè)占位符）

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

<script>
	export default {
		data() {
			return {
				myText: '&ensp;&ensp;&ensp;&ensp;愛(ài)吃炸排骨&ensp;'
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>

原生微信小程序：

wxml：

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

js（為了演示的明顯一點(diǎn)我加了好多個(gè)占位符）

Page({
  data:{
    myText: '&ensp;&ensp;&ensp;&ensp;愛(ài)吃炸排骨&ensp;'
  },

  onLoad: function() {

  }
})

??，完結(jié)撒花??????

總結(jié)

到此這篇關(guān)于原生微信小程序/uniapp使用空格占位符無(wú)效解決的文章就介紹到這了,更多相關(guān)微信小程序uniapp空格占位符無(wú)效內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

終于解決了IE8不支持?jǐn)?shù)組的indexOf方法
今天，測(cè)試報(bào)過(guò)來(lái)一個(gè)js bug, 在IE8下有個(gè)js錯(cuò)誤，但是在其它瀏覽器下(Firefox, Chrome, IE9)下面都很正常。后來(lái)調(diào)試發(fā)現(xiàn)原因是在IE8下，js數(shù)組沒(méi)有indexOf方法。
2013-04-04
HTML5 Shiv完美解決IE(IE6/IE7/IE8)不兼容HTML5標(biāo)簽的方法
這篇文章主要介紹了HTML5 Shiv完美解決IE(IE6/IE7/IE8)不兼容HTML5標(biāo)簽的方法,需要的朋友可以參考下
2015-11-11
微信小程序自定義菜單導(dǎo)航實(shí)現(xiàn)樓梯效果
在html開發(fā)中，我們可以用到a標(biāo)簽錨點(diǎn)實(shí)現(xiàn)，jq的動(dòng)畫相結(jié)合實(shí)現(xiàn)類似效果。在框架中vant UI框架也為我們實(shí)現(xiàn)了這一效果。接下來(lái)通過(guò)本文給大家介紹微信小程序自定義菜單導(dǎo)航實(shí)現(xiàn)樓梯效果，感興趣的朋友一起看看吧
2021-12-12
如何使用 JavaScript 操作瀏覽器歷史記錄 API
這篇文章主要介紹了如何使用 JavaScript 操作瀏覽器歷史記錄 API，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下
2020-11-11
JavaScript設(shè)計(jì)模式之原型模式分析【ES5與ES6】
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之原型模式,簡(jiǎn)單描述了原型模式的概念、原理,并結(jié)合實(shí)例形式分析了ES5與ES6實(shí)現(xiàn)原型模式的相關(guān)操作技巧,需要的朋友可以參考下
2018-07-07
手寫TypeScript?時(shí)很多人常犯的幾個(gè)錯(cuò)誤
這篇文章主要介紹了手寫TypeScript?時(shí)很多人常犯的幾個(gè)錯(cuò)誤，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的抽卡，重要的朋友可以參考一下
2022-09-09
Webpack之plugin的使用
本文主要介紹了Webpack之plugin的使用，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-02-02
微信小程序點(diǎn)擊列表跳轉(zhuǎn)到對(duì)應(yīng)詳情頁(yè)過(guò)程解析
這篇文章主要介紹了微信小程序點(diǎn)擊列表跳轉(zhuǎn)到對(duì)應(yīng)詳情頁(yè)過(guò)程解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2019-09-09
js函數(shù)般調(diào)用正則
Firefox 包含了一個(gè)非標(biāo)準(zhǔn)的 JavaScript 擴(kuò)展，使正則像函數(shù)一樣可調(diào)用。
2008-04-04
一文詳解JavaScript中的按值傳遞和按引用傳遞
編程語(yǔ)言中,把一個(gè)變量的值賦值給另一個(gè)變量,或者給函數(shù)調(diào)用傳遞參數(shù)有兩種方式：按值傳遞和按引用傳遞,本文將給大家詳細(xì)介紹JavaScript中的按值傳遞和按引用傳遞,需要的朋友可以參考下
2024-05-05