原生微信小程序/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)文章
微信小程序創(chuàng)建自定義全局函數(shù)以及其調(diào)用方法詳解
微信小程序有時(shí)需要函數(shù)里面調(diào)用函數(shù),下面這篇文章主要給大家介紹了關(guān)于微信小程序創(chuàng)建自定義全局函數(shù)以及其調(diào)用方法的相關(guān)資料,文中通過(guò)圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09
JavaScript解決浮點(diǎn)數(shù)計(jì)算不準(zhǔn)確問(wèn)題的方法分析
這篇文章主要介紹了JavaScript解決浮點(diǎn)數(shù)計(jì)算不準(zhǔn)確問(wèn)題的方法,結(jié)合實(shí)例形式分析了javascript浮點(diǎn)數(shù)運(yùn)算精度誤差的原因以及相關(guān)的解決方法與具體操作技巧,需要的朋友可以參考下2018-07-07
JavaScript每天必學(xué)之基礎(chǔ)知識(shí)
JavaScript每天必學(xué)之基礎(chǔ)知識(shí),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-09-09
Javascript控制頁(yè)面鏈接在新窗口打開(kāi)具體方法
今天看一個(gè)朋友說(shuō)不在A標(biāo)題中加打開(kāi)窗口形式要怎么讓頁(yè)面中所有頁(yè)面在新頁(yè)面打開(kāi),后來(lái)我找了幾種比較實(shí)用辦法,個(gè)人最喜歡的是最后一種方法哦2013-08-08
JavaScript控制輸入框中只能輸入中文、數(shù)字和英文的方法【基于正則實(shí)現(xiàn)】
這篇文章主要介紹了JavaScript控制輸入框中只能輸入中文、數(shù)字和英文的方法,基于正則驗(yàn)證實(shí)現(xiàn)字符輸入限制功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03
js實(shí)現(xiàn)鼠標(biāo)滑動(dòng)到某個(gè)div禁止?jié)L動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)滑動(dòng)到某個(gè)div禁止?jié)L動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-09-09
基于JavaScript實(shí)現(xiàn)焦點(diǎn)圖輪播效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)焦點(diǎn)圖輪播效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-03-03
JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)代碼
本文通過(guò)實(shí)例代碼給大家分享JavaScript 保護(hù)變量不被隨意修改的實(shí)現(xiàn)方法,需要的朋友參考下吧2017-09-09
JS實(shí)現(xiàn)根據(jù)詳細(xì)地址獲取經(jīng)緯度功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)根據(jù)詳細(xì)地址獲取經(jīng)緯度功能,涉及javascript與百度地圖接口交互進(jìn)行地址經(jīng)緯度查詢的相關(guān)操作技巧,需要的朋友可以參考下2019-04-04
JavaScript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的5種方法總結(jié)
在前臺(tái)開(kāi)發(fā)中會(huì)涉及頁(yè)面跳轉(zhuǎn)的問(wèn)題,下面這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的5種方法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12

