原生微信小程序/uniapp使用空格占位符無(wú)效的解決辦法
最近碰到一個(gè)需求，在一個(gè)<text>文本中的前后添加空格占位符，總所周知，我并不會(huì)前端，于是我查看了原生微信小程序以及uniapp官方文檔，得到了以下答案：
從文檔可以知道我們可以用 , , 等等作為占位符實(shí)現(xiàn)空格效果，然而我試了很多次都沒(méi)有達(dá)到效果，以下是錯(cuò)誤示范：
- 錯(cuò)誤示范一：
<text> 愛(ài)吃炸排骨</text>
錯(cuò)誤原因：decode默認(rèn)是false，也就是說(shuō)默認(rèn)是不會(huì)解碼的，需要手動(dòng)設(shè)置為true
- 錯(cuò)誤示范二：
<text decode> 愛(ài)吃炸排骨</text>
錯(cuò)誤原因：&ensp需要用{{}}括起來(lái)，于是?。?！
- 正確示范：
<text decode>{{myText}}</text>
在.js文件（原生微信小程序）或 <script>（uniapp）中寫(xiě)內(nèi)容
myText: ' 愛(ài)吃炸排骨 '
然后大功告成！??！其實(shí)我還試過(guò)好多錯(cuò)誤的但是這里就不一 一演示了
下面是完整文件（同樣也分為了uniapp和原生）：
uniapp:（為了演示的明顯一點(diǎn)我加了好多個(gè)占位符）
<template>
<view>
<text decode>{{myText}}</text>
</view>
</template>
<script>
export default {
data() {
return {
myText: '    愛(ài)吃炸排骨 '
}
},
methods: {
}
}
</script>
<style>
</style>
原生微信小程序：
wxml：
<text decode>{{myText}}</text>
js（為了演示的明顯一點(diǎn)我加了好多個(gè)占位符）
Page({
data:{
myText: '    愛(ài)吃炸排骨 '
},
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開(kāi)發(fā)中，我們可以用到a標(biāo)簽錨點(diǎn)實(shí)現(xiàn)，jq的動(dòng)畫(huà)相結(jié)合實(shí)現(xiàn)類(lèi)似效果。在框架中vant UI框架也為我們實(shí)現(xiàn)了這一效果。接下來(lái)通過(guò)本文給大家介紹微信小程序自定義菜單導(dǎo)航實(shí)現(xiàn)樓梯效果，感興趣的朋友一起看看吧2021-12-12
這篇文章主要介紹了如何使用 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
手寫(xiě)TypeScript?時(shí)很多人常犯的幾個(gè)錯(cuò)誤
這篇文章主要介紹了手寫(xiě)TypeScript?時(shí)很多人常犯的幾個(gè)錯(cuò)誤，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的抽卡，重要的朋友可以參考一下2022-09-09
本文主要介紹了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
Firefox 包含了一個(gè)非標(biāo)準(zhǔn)的 JavaScript 擴(kuò)展，使正則像函數(shù)一樣可調(diào)用。2008-04-04
編程語(yǔ)言中,把一個(gè)變量的值賦值給另一個(gè)變量,或者給函數(shù)調(diào)用傳遞參數(shù)有兩種方式：按值傳遞和按引用傳遞,本文將給大家詳細(xì)介紹JavaScript中的按值傳遞和按引用傳遞,需要的朋友可以參考下2024-05-05