微信小程序后台文本自动换行失效实现换行

写在前面

昨天在模拟微信小程序的时候,从后台获取的一段文本中有 换行 符号,就相当于我们写诗的时候,每写一句,我们都会按 enter 键让它换行,但是拿到微信开发者工具后,每一句诗都是挨着的,就像下边这张小说文本
在这里插入图片描述

我原本以为要用正则表达式来把换行符转一下,找了一晚上 还看到官网说在 微信开发者工具中想要使用 正则表达式 ,需要使用 getRegExp函数。,试来试去还是不行,后来找到一个文本保留空格和换行的style样式

white-space:pre-wrap
是的,没错 就是这个简简单单的样式,添加在你获取的文本在wxml相对应的标签上

<!-- style="white-space:pre-wrap" 文本保留空格和换行-->
<view class='content' style="white-space:pre-wrap">   
{{context}}                ------------ 文本内容
</view>

然后随便找段文本

请添加图片描述
直接就好了,数据原有的换行就回来了,原因好像是获取数据后换行符被解析了,具体咱也不知道,反正就是这么做🤷‍♂️🤦‍♂️🤦‍♂️🤦‍♂️

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值