使用小程序发现了一个现象,后端返回的数据在前端显示时没有换行,原原本本的合并为一行显示了,原因大概是从数据库返回给前端时部分数据被转义了。如此便使用正则处理返回的数据,顺便按照换行符分割成数组吧:

1
2
3
4
5
6
7
8
9
onLoad: function(options) {
var that = this;
let item = JSON.parse(options.item);
let content = item.rumourContent.replace(/\\n/g, "\n"); // 替换出换行符
that.setData({
rumourInfo: item,
rumourContent: content.split("\n") // 分割吧
});
}
1
2
3
<view class="content ">
<text class="textShow" wx:for="{{rumourContent}}" wx:key="index">{{item}}</text>
</view>

  • 换行符

换行符
换行符

  • 效果

效果
效果

评论