2023-09-19 05:35:05
•
1052
微信小程序换行处理
1、微信小程序实现两行显示,超过直接用省略号显示。
微信小程序实现两行显示,超过直接用省略号显示
2、微信小程序实现转义换行符
微信小程序实现转义换行符
overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
微信小程序实现两行显示,超过直接用省略号显示
2、微信小程序实现转义换行符
Page({
onShow: function(){
var that = this;
var string='1、一定要注意,text中\n才能生效,view里边直接写\n不行
2、一定要注意,text中\n才能生效,view里边直接写\n不行
3、一定要注意,text中\n才能生效,view里边直接写\n不行'
# 在html中可以直接使用<br/>换行
# string = string.replace(/\r\n/g,"<br>")
# string = string.replace(/\n/g,"<br>");
# 小程序wxml中使用<br/>无效,可以换成\n
string = string.replace(/\r\n/g,"\n");
string = string.replace(/\n/g,"\n");
that.setData({
string:string
})
}
})
<text>{{string}}</text>
微信小程序实现转义换行符