小程序 | 微信小程序使用空格占位符无效解决方法 | 前端

小程序 | 微信小程序使用空格占位符无效解决方法 | 前端

问题描述

最近在写微信小程序时，想给文本添加空格，尝试使用键盘空格、标签加空格、HTML的   等等都没有效果，最后在微信小程序官方文档中找到了解决办法

解决方法

查阅官方相关文档介绍

• 微信小程序官方文档

• uniapp官方文档

从文档可以知道 decode 可以解析的有   < > & '    ，可将它们作为占位符实现空格效果。

错误示范

• wxml

<text>&ensp;这是一个文本！</text>

正确示范

• wxml

<text decode>{{mytext}}</text>

• js

data: {
    mytext: ' 这是一个文本！'
}

注意

1. decode 默认是 false，也就是说默认是不会解码的，需要手动设置为 true
2. &ensp 需要用 {{}} 括起来

参考文献

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