美文网首页前端开发那些事儿
微信小程序将字符串中所有 '\\n' 转换成 '\n'

微信小程序将字符串中所有 '\\n' 转换成 '\n'

作者: 越前君 | 来源:发表于2020-12-04 10:00 被阅读0次

假如有一个配置的功能,接口返回数据如下,其中 \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 了。

相关文章

网友评论

    本文标题:微信小程序将字符串中所有 '\\n' 转换成 '\n'

    本文链接:https://www.haomeiwen.com/subject/hqcmwktx.html