美文网首页
# 微信小程序踩坑(1):wx.showModal模态对话框中c

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

作者: 一缕暖阳_7846 | 来源:发表于2020-10-23 15:38 被阅读0次

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

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

    相关文章

      网友评论

          本文标题:# 微信小程序踩坑(1):wx.showModal模态对话框中c

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