探索者的博客
2023-09-19 05:35:05 866

微信小程序换行处理

作者头像 探索者
1、微信小程序实现两行显示,超过直接用省略号显示。

 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>

微信小程序实现转义换行符

评论区

评论者头像

张三

2025-06-16

非常实用的文章,我学到了很多关于前端性能优化的知识。特别是缓存策略部分,对我帮助很大。

评论者头像

李四

2025-06-15

代码分割确实是提高前端性能的重要手段,请问作者有没有实际项目中遇到的代码分割最佳实践可以分享?

作者头像
探索者 作者
2025-06-16

感谢提问!在实际项目中,我通常会根据路由、组件和第三方库进行代码分割。对于大型组件库,可以考虑使用动态导入来实现按需加载。