亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

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

原生微信小程序官方文檔

uniapp官方文檔

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

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

錯(cuò)誤原因:decode默認(rèn)是false,也就是說默認(rèn)是不會解碼的,需要手動設(shè)置為true

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

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

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

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

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

然后大功告成!??!其實(shí)我還試過好多錯(cuò)誤的但是這里就不一 一演示了

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

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

<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(為了演示的明顯一點(diǎn)我加了好多個(gè)占位符)

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

  onLoad: function() {

  }
})

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

總結(jié)

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

相關(guān)文章

最新評論