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

news/2024/7/20 2:25:47 标签: 微信小程序, uni-app, 前端, 小程序

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

  • 原生小程序>微信小程序官方文档
    在这里插入图片描述
  • uniapp官方文档
    在这里插入图片描述
    从文档可以知道我们可以用&nbsp;,&ensp;,&emsp;等等作为占位符实现空格效果,然而我试了很多次都没有达到效果,以下是错误示范:
  • 错误示范一:
    <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() {

  }
})

🆗,完结撒花🌺🌺🌺


http://www.niftyadmin.cn/n/507503.html

相关文章

TCP和UDP概念及区别

一、TCP、UDP概念 TCP&#xff08;Transmission Control Protocol&#xff0c;传输控制协议&#xff09;是一种面向连接的、可靠的、基于字节流的传输层通信协议&#xff0c;由IETF的RFC 793定义。在简化的计算机网络OSI模型中&#xff0c;它完成第四层传输层所指定的功能&…

HTTP连接、Socket连接、KeepAlive及TCP/UDP通信模型

一、HTTP短连接 HTTP本质上是一种协议&#xff0c;全称是Hypertext Transfer Protocol&#xff0c;即超文本传输协议。从名字上可以看出该协议用于规定客户端与服务端之间的传输规则&#xff0c;所传输的内容不局限于文本(其实可以传输任意类型的数据)。 Http连接&#xff1a;…

OSI七层模型中各层的功能定义

OSI各层功能定义 这里我们只对OSI各层进行功能上的大概阐述&#xff0c;不详细深究&#xff0c;因为每一层实际都是一个复杂的层。后面我也会根据个人方向展开部分层的深入学习。这里我们就大概了解一下。我们从最顶层——应用层 开始介绍。整个过程以公司A和公司B的一次商业报…

C++中new和delete运算符详解

本文内容摘自More Effective C&#xff08;Scott Meyers 著&#xff09;一书&#xff0c;详细解释了new和delete操作符的用法。 一、new 操作符&#xff08;new operator&#xff09; 人们有时好像喜欢有意使C语言的术语难以理解。比方说new操作符&#xff08;new operator&a…

C++中static关键字用法总结

static关键字有三种使用方式&#xff0c;其中前两种只在C语言中使用&#xff0c;第三种在C中使用。 局部静态变量&#xff08;C)外部静态变量/函数&#xff08;C)静态数据成员/成员函数&#xff08;C&#xff09; 一、 局部静态变量 局部变量按照存储形式可以分为三种&#xf…

C++类机制

面向对象三大特点&#xff1a;封装、继承、多态。封装为了信息隐藏&#xff0c;继承&#xff08;is-a&#xff09;为了代码复用&#xff0c;多态则是为了接口复用&#xff0c;即一个接口&#xff0c;多种实现。有继承&#xff0c;就会有派生。类定义时&#xff0c;代码实现者一…

C++中const关键字总结

问&#xff1a;解释下列声明中const关键字的作用&#xff1a; const int a; int const a; const int * a; int const * a; int * const a; void func() const; 带着问题去看下面的内容&#xff0c;会不会更好地理解&#xff1f; C const 允许指定一个语义约束&#xff0c;编译器…

TCP的可靠传输、拥塞控制和流量控制

一、可靠传输 对于收到的请求&#xff0c;给出确认响应超时重传 二、拥塞控制 前提&#xff1a;网络能够承受现有的网络负荷。拥塞控制是一个全局性的过程&#xff0c;涉及到所有的主机、路由器&#xff0c;以及与降低网络传输性能有关的所有因素。与流量控制的区别&#xff…