假如有一个配置的功能,接口返回数据如下,其中 \n
表示换行,即在前端需要换行展示。
// 接口数据
{
code: 1000,
body: {
message: '1. 规则一\n2. 规则二\n3. 规则三'
}
}
// js
this.setData({ message: res.body.message })
// wxml
<view style="white-space: pre-wrap">{{message}}</view>
这种情况下,在微信小程序里面直接 setDate 的话,会被转化为 '1. 规则一\\n2. 规则二\\n3. 规则三'
导致无法换行。
所以我们需要 replace(/\\n/g, '\n')
转化一下:
// js
const message = res.body.message.replace(/\\n/g, '\n')
this.setData({ message })
这样就 OK 了。
网友评论