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

发布于 2023-05-03 21:53:08 字数 552 浏览 108 评论 0

假如有一个配置的功能,接口返回数据如下,其中 \n 表示换行,即在前端需要换行展示。

<view style="white-space: pre-wrap">{{message}}</view>
// 接口数据
const res = {
  code: 1000,
  body: {
    message: "1. 规则一\n2. 规则二\n3. 规则三"
  },
  msg: "request:ok"
}

this.setData({ message: res.body.message })

这种情况下,在微信小程序里面直接 setDate 的话,会被转化为 '1. 规则一\\n2. 规则二\\n3. 规则三' 导致无法换行,所以我们需要 replace(/\\n/g, '\n') 转化一下:

const message = res.body.message.replace(/\\n/g, '\n')
this.setData({ message })

这样就 OK 了。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

0 文章
0 评论
22 人气
更多

推荐作者

亽野灬性zι浪

文章 0 评论 0

少年亿悲伤

文章 0 评论 0

南七夏

文章 0 评论 0

qq_EJoXxu

文章 0 评论 0

17780639550

文章 0 评论 0

萌逼全场

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文