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

问题:wx.showModal 对话框内容不能换行?

开发体验.jpg

如上图所示,模态对话框中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('用户点击取消')
        }
      }
    })

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

真机体验.jpg

贡献者

更多精彩内容可以关注“IT实战联盟”公号哦~~~

猜你喜欢

转载自blog.csdn.net/zhenghhgz/article/details/84636307