微信小程序-服务器返回数据中包含有\n换行符失效问题解决方案

问题描述:
最近在做小程序练手项目,发现一个问题,就是服务器返回的数据中包含有\n换行转义符,将数据放到text标签中,发现转义符失效.并没有报错信息,特此记录.
原因:
服务器发送的数据是编码后的数据,点开调试工具中的network查看Response,服务器返回的\n 其实是编码后的变成了\\n ,如下:

有趣的是我在编写上面服务器返回的\n 其实是编码后的变成了\\n这句话的时候,markdown也同样出现了这样的问题,当我没用反分号书写\\n时,浏览器显示的也变成了\n

解决:
封装函数,将数据当做参数传到func()中.利用正则将\\n替换为 \n

新建filter.wxs文件,文件内容如下

var format = function (text) {
	if (!text) {
        return
    }
    var reg = getRegExp('\\\\n', 'g')
    return text.replace(reg,'\n')
}

module.exports = {
    format:format
}

在需要使用的wxml中导入wxs模块

<!--导入wxs模块,只能使用相对路径,并需要定义module-->
<wxs src="../filter.wxs" module="util"></wxs>

在text标签中使用时,需要使用util.format()的方法j将服务器返回的数据当做参数传到方法中就可以了

<text class="content">{{util.format(book.summary)}}</text>

如有表达错误的地方,欢迎大家指出~