微信小程序数据 \n 换行符失效解决办法

最近遇到一个问题，使用uni-app写小程序时，拿到一个字符串：

后台返回的，需要在“\n”处换行。但是直接使用：

let title = 黄鹤楼送\n孟浩然之广陵
<text>{{title}}<text>

直接写出来是没有效果的

我个人觉得是uni-app渲染时直接全当字符串处理了，根本不识别

解决方法：

<text>{{title.replace(/\\n/,'\n')}}</text>

把字符串内的“\n”做一次替换。就能实现小程序上的换行了

微信小程序数据 \n 换行符失效解决办法相关推荐

微信小程序 border设置单边框失效解决办法
微信小程序 border设置单边框失效解决办法遇到的问题解决的方法总结遇到的问题 border-right: 1 rpx solid #ccc;border-bottom: 1 rpx sol ...
微信小程序WebView嵌入别人网页的解决办法
在做微信小程序开始时,大家都能遇到,WebView组件使用的URL必须要在小程序的后台设置业务域名,并且在对应域名服务器根目录下要放置对应的验证文件,否则发布后是无法正常打开的. 在开发测试时,我在小 ...
微信小程序相同appid项目名称重复解决办法
在做微信小程序实验的时候有一次在硬盘直接删除项目比如我建的小程序的项目名叫 layout 当我再次使用微信开发工具建立 layout 项目的时候报已存在touristappid layout项目这 ...
反编译获取微信小程序源码（包含错误解决办法）
PS:本文章仅用于分享自己反编译的过程以及解决办法,切勿小程序反编译成功后做一些违反人伦的事情! 一. 前言最近在搞学校的一个晚签到小程序的时候遇到了一个MD5加密问题,试了好多方法都没有解决,所以 ...
微信小程序审核不通过原因和解决办法
微信小程序审核不通过原因有很多种,注意看微信提供的通知中对审核不通过的说明. 原因:见微信提供的通知中对审核不通过的说明解决办法:根据微信通知要求修改.
微信小程序苹果手机边框1rpx显示不全解决办法
微信小程序苹果手机边框1rpx显示不全,加上transform: rotateZ(360deg) .address-map{width: 125rpx;height: 36rpx;line-heigh ...
微信小程序实现转义换行符
在html中可以直接使用<br />换行,但是小程序wxml中使用<br />无效,可以换成\n Page({ data: { title: '至少5个字\n请多说些感受吧' ...
微信小程序引用Echarts绘图显示模糊解决办法
因为毕设需要,这阵子我一直在研究小程序使用Echarts绘图. 偶然间发现了一个问题,小程序绘制出来的折线图显示非常的模糊(用我自己的话说就是2k显示器看720p电影的感觉). 经过查询找到了相应的解 ...
微信小程序设置文字样式white-space失效
微信小程序中的换行今天遇到了一个多段文字展示的效果,试了很多种方法设置样式等都实现不了,最后发现,在微信小程序中,不能使用view为文字做换行等操作 HTML中的换行可以直接使用标签,但是微信小程 ...

微信小程序数据 \n 换行符失效解决办法

微信小程序数据 \n 换行符失效解决办法相关推荐

最新文章

热门文章