微信小程序文字换行符

在微信小程序开发中有一个需求是展示长文本，后端返回的数据包含了\n\n

let str = '第一段\n\n第二段'

如果将这段文字直接赋值

<view>第一段\n\n第二段</view> // 错误X

这样并不会换行，具体解决办法如下

要想实现换行，必须用text标签包括，不能是view
使用replace替换文本里的换行符

let str = '第一段\n\n第二段';
str.replace(/\\n/g, "\n");

<text>{{str}}</text>

微信小程序文字换行符相关推荐

微信小程序文字换行
第一种方式:使用\n 换行 <text>充值余额\n0元</text> 第二种在js 里面使用\n 在 wxml 中 <text>{{money}}</tex ...
微信小程序换行符↵转义
第一步在js中替换所有字符串 content = content ? content.replace(/↵/g, '\n') : '' 第二步注意:一定要使用text标签,使用view无效 < ...
php微信里面换行符,如何在字符串中间加换行符js微信小程序实现人脸识别
本文为大家分享了微信小程序人脸识别的具体代码,供大家参考,具体内容如下首先,我们要有开发者工具,今天所说的是后端和前端联合起来实现的. 在PHP的控制器中写一个upload方法,代码如下: publ ...
微信小程序，解析回车符
在微信小程序的开发过程中,会遇到后端返回的文字内容,比如商城类的项目,登录的时候有注册协议,后端返回的一般是带入换行符的文不内容,就需要前端解析一下了! 示例:let content = rst.da ...
【免费分享】王者荣耀改名微信小程序源码/可改空白名、重复名、符号名
本资源可免费获取,请至尾部读阅! 王者荣耀改名微信小程序源码,无需服务器域名,纯前端,上传微信开发者工具即可,可以接入流量主. 可改空白名.重复名.符号名. 免责声明:根据二○一三年一月三十日< ...
微信小程序2.9.0基础库canvas2D新API，生成海报保存到手机功能实现，包括文字换行，圆形图片，图片高度自适应等功能封装
WxCanvas 利用canvas微信小程序原生实现的一个绘制微信小程序海报的类,基础库版本>2.9.0. 下面链接中使用的api已被废弃,所以有了本文. 微信小程序生成海报保存到手机先看效果 ...
小程序转义html标签,wxDiscode－微信小程序特殊字符转义符转化工具类
问题在大部分html或者其它富文本在保存到后台中,为了安全起见需要将一些特殊字符进行转义但是,请求回来的信息中包涵着这些转义过后的字符,而微信小程序是不能够直接进行反转义成为html特殊字符,所以 ...
微信小程序设置文字样式white-space失效
微信小程序中的换行今天遇到了一个多段文字展示的效果,试了很多种方法设置样式等都实现不了,最后发现,在微信小程序中,不能使用view为文字做换行等操作 HTML中的换行可以直接使用标签,但是微信小程 ...
Web-big、html、css、JavaScript、vue、webpack、git、微信小程序、uni-app、性能优化、兼容性、网络请求、web安全、其他
文章目录 01.HTML基础 1.行内元素有哪些?行内块元素有哪些?块级元素有哪些? 空(void)元素有哪些? 2.页面导入样式时,使用link和@import有什么区别? 3.title与h1的区 ...

微信小程序文字换行符

微信小程序文字换行符相关推荐

最新文章

热门文章