微信小程序之 Text 组件

更新于：

字数：187 字

时长：1 分钟

一、代码

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

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") // 分割吧
  });
}
<view class="content ">
  <text class="textShow" wx:for="{{rumourContent}}" wx:key="index">{{item}}</text>
</view>

二、示例

换行符换行符

效果效果
微信小程序之 Text 组件
https://inkss.cn/post/d24a2bc6/
本文作者
枋柚梓
发布于
2020年4月3日
许可协议
CC BY-NC-SA 4.0
署名—非商业性使用—相同方式共享 4.0 协议国际版
小程序

微信小程序

次浏览

评论