微信小程序踩坑（1）：wx.showModal模态对话框中content换行

编程知识更新时间:2023-04-05 07:09:21

问题：wx.showModal 对话框内容不能换行？

如上图所示，模态对话框中content是没有换行的，但是我们需求中有需要换行提醒的业务，那怎么办呢？官方API中并没有告诉我们怎么做！

解决方案：使用“\r\n”换行

源码

wx.showModal({
      title: 'showModal换行',
      content: '姓名：JIM\r\n性别：女\r\n国籍：中国',
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定')
        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })

但是，如果你在微信开发者工具中发现并没有换行，不要惊讶，利用真机预览一下，就可以看到效果了。