原生微信小程序/uniapp使用空格占位符無效的解決辦法
最近碰到一個(gè)需求，在一個(gè)<text>文本中的前后添加空格占位符，總所周知，我并不會前端，于是我查看了原生微信小程序以及uniapp官方文檔，得到了以下答案：
從文檔可以知道我們可以用 , , 等等作為占位符實(shí)現(xiàn)空格效果，然而我試了很多次都沒有達(dá)到效果，以下是錯誤示范：
- 錯誤示范一：
<text> 愛吃炸排骨</text>
錯誤原因：decode默認(rèn)是false，也就是說默認(rèn)是不會解碼的，需要手動設(shè)置為true
- 錯誤示范二：
<text decode> 愛吃炸排骨</text>
錯誤原因：&ensp需要用{{}}括起來，于是?。?！
- 正確示范：
<text decode>{{myText}}</text>
在.js文件（原生微信小程序）或 <script>（uniapp）中寫內(nèi)容
myText: ' 愛吃炸排骨 '
然后大功告成?。。∑鋵?shí)我還試過好多錯誤的但是這里就不一 一演示了
下面是完整文件（同樣也分為了uniapp和原生）：
uniapp:（為了演示的明顯一點(diǎn)我加了好多個(gè)占位符）
<template>
<view>
<text decode>{{myText}}</text>
</view>
</template>
<script>
export default {
data() {
return {
myText: '    愛吃炸排骨 '
}
},
methods: {
}
}
</script>
<style>
</style>
原生微信小程序：
wxml：
<text decode>{{myText}}</text>
js（為了演示的明顯一點(diǎn)我加了好多個(gè)占位符）
Page({
data:{
myText: '    愛吃炸排骨 '
},
onLoad: function() {
}
})
??，完結(jié)撒花??????
總結(jié)
到此這篇關(guān)于原生微信小程序/uniapp使用空格占位符無效解決的文章就介紹到這了,更多相關(guān)微信小程序uniapp空格占位符無效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
終于解決了IE8不支持?jǐn)?shù)組的indexOf方法
今天，測試報(bào)過來一個(gè)js bug, 在IE8下有個(gè)js錯誤，但是在其它瀏覽器下(Firefox, Chrome, IE9)下面都很正常。后來調(diào)試發(fā)現(xiàn)原因是在IE8下，js數(shù)組沒有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的動畫相結(jié)合實(shí)現(xiàn)類似效果。在框架中vant UI框架也為我們實(shí)現(xiàn)了這一效果。接下來通過本文給大家介紹微信小程序自定義菜單導(dǎo)航實(shí)現(xiàn)樓梯效果，感興趣的朋友一起看看吧2021-12-12
這篇文章主要介紹了如何使用 JavaScript 操作瀏覽器歷史記錄 API，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-11-11
JavaScript設(shè)計(jì)模式之原型模式分析【ES5與ES6】
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之原型模式,簡單描述了原型模式的概念、原理,并結(jié)合實(shí)例形式分析了ES5與ES6實(shí)現(xiàn)原型模式的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
手寫TypeScript?時(shí)很多人常犯的幾個(gè)錯誤
這篇文章主要介紹了手寫TypeScript?時(shí)很多人常犯的幾個(gè)錯誤，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的抽卡，重要的朋友可以參考一下2022-09-09
本文主要介紹了Webpack之plugin的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
微信小程序點(diǎn)擊列表跳轉(zhuǎn)到對應(yīng)詳情頁過程解析
這篇文章主要介紹了微信小程序點(diǎn)擊列表跳轉(zhuǎn)到對應(yīng)詳情頁過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09
Firefox 包含了一個(gè)非標(biāo)準(zhǔn)的 JavaScript 擴(kuò)展，使正則像函數(shù)一樣可調(diào)用。2008-04-04
編程語言中,把一個(gè)變量的值賦值給另一個(gè)變量,或者給函數(shù)調(diào)用傳遞參數(shù)有兩種方式：按值傳遞和按引用傳遞,本文將給大家詳細(xì)介紹JavaScript中的按值傳遞和按引用傳遞,需要的朋友可以參考下2024-05-05