0
点赞
收藏
分享

微信扫一扫

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

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

问题描述

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

解决方法

查阅官方相关文档介绍

  • 微信小程序官方文档

  • uniapp官方文档

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

错误示范

  • wxml
<text>&ensp;这是一个文本!</text>

正确示范

  • wxml
<text decode>{{mytext}}</text>
  • js
data: {
    mytext: '&ensp;这是一个文本!'
}

注意

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

参考文献

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

相关推荐

0 条评论