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

写在前面

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

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

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

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

然后随便找段文本

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

这篇好文章是转载于：学新通技术网