# 微信小程序踩坑(1):wx.showModal模态对话框中content换行

问题: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('用户点击取消')
        }
      }
    })

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容