微信小程序wx.showModal中content换行

最新推荐文章于 2025-06-12 14:36:32 发布

weixin_52563024

最新推荐文章于 2025-06-12 14:36:32 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_52563024/article/details/127763535

在小程序开发中遇到wx.showModal提示框内容无法换行的问题，尝试使用' '作为换行符无效。博客探讨了这个问题，并提供了可能的解决方案，包括检查开发工具设置和代码实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

content是modal提示框中的提示文字，今天在开发中遇到将提示文字换行的操作具体如下图

查资料可知通过 '\r\n' 可以实现换行操作，但在开发工具中不换行，可能是BUG

    wx.showModal(
      {
        title: '相关信息',
        cancelColor: '#adb5bd',
        content:
          '姓名：' + this.data.quizzee_name + '\r\n' +
          '电话：' + this.data.user_tel + '\r\n' +
          '左眼屈光度：' + this.data.Diopter_Left + '\r\n' +
          '右眼屈光度：' + this.data.Diopter_Right,
        confirmColor: '#4dabf7',
        confirmText: '提交检测',
        cancelText: '取消',
        success(res) {

          if (res.confirm) {
            that.listenerConfirm()
          } else if (res.cancel) {
            // modal标签弃用
            // that.listenerCancel()
            console.log(("用户点击了取消提交检测！"));
          }
        }
      }
    )