原生微信小程序/uniapp使用空格占位符無效的解決辦法
最近碰到一個需求,在一個<text>
文本中的前后添加空格占位符,總所周知,我并不會前端,于是我查看了原生微信小程序以及uniapp官方文檔,得到了以下答案:
從文檔可以知道我們可以用
, 
, 
等等作為占位符實現(xiàn)空格效果,然而我試了很多次都沒有達到效果,以下是錯誤示范:
- 錯誤示范一:
<text> 愛吃炸排骨</text>
錯誤原因:decode默認是false
,也就是說默認是不會解碼的,需要手動設置為true
- 錯誤示范二:
<text decode> 愛吃炸排骨</text>
錯誤原因:&ensp
需要用{{}}
括起來,于是!??!
- 正確示范:
<text decode>{{myText}}</text>
在.js
文件(原生微信小程序)或 <script>
(uniapp)中寫內(nèi)容
myText: ' 愛吃炸排骨 '
然后大功告成!?。∑鋵嵨疫€試過好多錯誤的但是這里就不一 一演示了
下面是完整文件(同樣也分為了uniapp和原生):
uniapp:(為了演示的明顯一點我加了好多個占位符)
<template> <view> <text decode>{{myText}}</text> </view> </template> <script> export default { data() { return { myText: '    愛吃炸排骨 ' } }, methods: { } } </script> <style> </style>
原生微信小程序:
wxml:
<text decode>{{myText}}</text>
js(為了演示的明顯一點我加了好多個占位符)
Page({ data:{ myText: '    愛吃炸排骨 ' }, onLoad: function() { } })
??,完結(jié)撒花??????
總結(jié)
到此這篇關于原生微信小程序/uniapp使用空格占位符無效解決的文章就介紹到這了,更多相關微信小程序uniapp空格占位符無效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
微信小程序創(chuàng)建自定義全局函數(shù)以及其調(diào)用方法詳解
微信小程序有時需要函數(shù)里面調(diào)用函數(shù),下面這篇文章主要給大家介紹了關于微信小程序創(chuàng)建自定義全局函數(shù)以及其調(diào)用方法的相關資料,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2022-09-09JavaScript解決浮點數(shù)計算不準確問題的方法分析
這篇文章主要介紹了JavaScript解決浮點數(shù)計算不準確問題的方法,結(jié)合實例形式分析了javascript浮點數(shù)運算精度誤差的原因以及相關的解決方法與具體操作技巧,需要的朋友可以參考下2018-07-07JavaScript控制輸入框中只能輸入中文、數(shù)字和英文的方法【基于正則實現(xiàn)】
這篇文章主要介紹了JavaScript控制輸入框中只能輸入中文、數(shù)字和英文的方法,基于正則驗證實現(xiàn)字符輸入限制功能,具有一定參考借鑒價值,需要的朋友可以參考下2017-03-03JavaScript 保護變量不被隨意修改的實現(xiàn)代碼
本文通過實例代碼給大家分享JavaScript 保護變量不被隨意修改的實現(xiàn)方法,需要的朋友參考下吧2017-09-09JS實現(xiàn)根據(jù)詳細地址獲取經(jīng)緯度功能示例
這篇文章主要介紹了JS實現(xiàn)根據(jù)詳細地址獲取經(jīng)緯度功能,涉及javascript與百度地圖接口交互進行地址經(jīng)緯度查詢的相關操作技巧,需要的朋友可以參考下2019-04-04JavaScript實現(xiàn)頁面跳轉(zhuǎn)的5種方法總結(jié)
在前臺開發(fā)中會涉及頁面跳轉(zhuǎn)的問題,下面這篇文章主要給大家總結(jié)介紹了關于JavaScript實現(xiàn)頁面跳轉(zhuǎn)的5種方法,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12