温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

原生微信小程序/uniapp使用空格占位符无效如何解决

发布时间:2023-02-27 10:44:46 来源:亿速云 阅读:203 作者:iii 栏目:开发技术

这篇文章主要介绍“原生微信小程序/uniapp使用空格占位符无效如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“原生微信小程序/uniapp使用空格占位符无效如何解决”文章能帮助大家解决问题。

原生微信小程序官方文档

原生微信小程序/uniapp使用空格占位符无效如何解决

uniapp官方文档

原生微信小程序/uniapp使用空格占位符无效如何解决

从文档可以知道我们可以用 , , 等等作为占位符实现空格效果,然而我试了很多次都没有达到效果,以下是错误示范:

  • 错误示范一:

<text>&ensp;爱吃炸排骨</text>

错误原因:decode默认是false,也就是说默认是不会解码的,需要手动设置为true

  • 错误示范二:

<text decode>&ensp;爱吃炸排骨</text>

错误原因:&ensp需要用{{}}括起来,于是!!!

  • 正确示范:

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

.js文件(原生微信小程序)或 <script>(uniapp)中写内容

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() {

  }
})

关于“原生微信小程序/uniapp使用空格占位符无效如何解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI