0


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

最近碰到一个需求,在一个

<text>

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

  • 原生微信小程序官方文档在这里插入图片描述
  • uniapp官方文档在这里插入图片描述 从文档可以知道我们可以用&nbsp;,&ensp;,&emsp;等等作为占位符实现空格效果,然而我试了很多次都没有达到效果,以下是错误示范:
  • 错误示范一:<text>&ensp;爱吃炸排骨</text> 错误原因:decode默认是false,也就是说默认是不会解码的,需要手动设置为true
  • 错误示范二:<textdecode>&ensp;爱吃炸排骨</text> 错误原因:&ensp需要用{{}}括起来,于是!!!
  • 正确示范:<textdecode>{{myText}}</text>.js文件(原生微信小程序)或 <script>(uniapp)中写内容myText:'&ensp;爱吃炸排骨&ensp;'

然后大功告成!!!其实我还试过好多错误的但是这里就不一 一演示了
下面是完整文件(同样也分为了uniapp和原生):
uniapp:(为了演示的明显一点我加了好多个占位符)

<template><view><textdecode>{{myText}}</text></view></template><script>exportdefault{data(){return{myText:'&ensp;&ensp;&ensp;&ensp;爱吃炸排骨&ensp;'}},methods:{}}</script><style></style>

原生微信小程序

  • wxml:
<textdecode>{{myText}}</text>
  • js(为了演示的明显一点我加了好多个占位符)
Page({data:{myText:'&ensp;&ensp;&ensp;&ensp;爱吃炸排骨&ensp;'},onLoad:function(){}})

🆗,完结撒花🌺🌺🌺


本文转载自: https://blog.csdn.net/aichijvzi/article/details/128617821
版权归原作者 爱吃炸排骨 所有, 如有侵权,请联系我们删除。

“原生微信小程序/uniapp使用空格占位符无效解决方法”的评论:

还没有评论