1. 程式人生 > >微信小程式踩坑(1):wx.showModal模態對話方塊中content換行

微信小程式踩坑(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實戰聯盟”公號哦~~~