欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

原生微信小程序/uniapp使用空格占位符無效的解決辦法

 更新時間:2023年02月27日 09:45:03   作者:愛吃炸排骨  
最近需要在字體中間加空白占位符,在嘗試使用 之后,還是不能使用,下面這篇文章主要給大家介紹了關于原生微信小程序/uniapp使用空格占位符無效的解決辦法,需要的朋友可以參考下

最近碰到一個需求,在一個<text>文本中的前后添加空格占位符,總所周知,我并不會前端,于是我查看了原生微信小程序以及uniapp官方文檔,得到了以下答案:

原生微信小程序官方文檔

uniapp官方文檔

從文檔可以知道我們可以用&nbsp;,&ensp;,&emsp;等等作為占位符實現(xiàn)空格效果,然而我試了很多次都沒有達到效果,以下是錯誤示范:

  • 錯誤示范一:
<text>&ensp;愛吃炸排骨</text>

錯誤原因:decode默認是false,也就是說默認是不會解碼的,需要手動設置為true

  • 錯誤示范二:
<text decode>&ensp;愛吃炸排骨</text>

錯誤原因:&ensp需要用{{}}括起來,于是!??!

  • 正確示范:
<text decode>{{myText}}</text>

.js文件(原生微信小程序)或 <script>(uniapp)中寫內(nèi)容

myText: '&ensp;愛吃炸排骨&ensp;'

然后大功告成!?。∑鋵嵨疫€試過好多錯誤的但是這里就不一 一演示了

下面是完整文件(同樣也分為了uniapp和原生):

uniapp:(為了演示的明顯一點我加了好多個占位符)

<template>
	<view>
		<text decode>{{myText}}</text>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				myText: '&ensp;&ensp;&ensp;&ensp;愛吃炸排骨&ensp;'
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>

原生微信小程序

wxml:

<text decode>{{myText}}</text>

js(為了演示的明顯一點我加了好多個占位符)

Page({
  data:{
    myText: '&ensp;&ensp;&ensp;&ensp;愛吃炸排骨&ensp;'
  },

  onLoad: function() {

  }
})

??,完結(jié)撒花??????

總結(jié)

到此這篇關于原生微信小程序/uniapp使用空格占位符無效解決的文章就介紹到這了,更多相關微信小程序uniapp空格占位符無效內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

最新評論