最近碰到一個(gè)需求,在一個(gè)<text>
文本中的前后添加空格占位符,總所周知,我并不會(huì)前端,于是我查看了原生微信小程序以及uniapp官方文檔,得到了以下答案:
-
原生微信小程序官方文檔
-
uniapp官方文檔
從文檔可以知道我們可以用
, 
, 
等等作為占位符實(shí)現(xiàn)空格效果,然而我試了很多次都沒(méi)有達(dá)到效果,以下是錯(cuò)誤示范: - 錯(cuò)誤示范一:
錯(cuò)誤原因:decode默認(rèn)是<text> 愛(ài)吃炸排骨</text>
false
,也就是說(shuō)默認(rèn)是不會(huì)解碼的,需要手動(dòng)設(shè)置為true
- 錯(cuò)誤示范二:
錯(cuò)誤原因:<text decode> 愛(ài)吃炸排骨</text>
&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>
原生微信小程序:文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-779787.html
- wxml:
<text decode>{{myText}}</text>
- js(為了演示的明顯一點(diǎn)我加了好多個(gè)占位符)
Page({
data:{
myText: '    愛(ài)吃炸排骨 '
},
onLoad: function() {
}
})
??,完結(jié)撒花??????文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-779787.html
到了這里,關(guān)于原生微信小程序/uniapp使用空格占位符無(wú)效解決方法的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!