当前位置: 首页 > news >正文

微信小程序连续多个特殊字符自动换行解决方法

效果图

在这里插入图片描述

.wxml

<view class="container"><text>没转换{{text}}</text><view style="height: 60rpx;" /><text>转换后{{convert}}</text>
</view>

.js

Page({data: {text:'!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!',convert:'',},convertSet(str) {/** [] 里面写上需要转译得字符 */const a = /[!]/g;const b = str.replace(a, (match) => ` ${match}`);return b;},onLoad(){const convert = this.convertSet(this.data.text);this.setData({convert})},
})

.wxss

.container{background: #f2f2f2;width: 600rpx;margin: 0 auto;padding: 30rpx;box-sizing: border-box;
}
text{width: 100%;word-wrap: break-word;
}

遇到问题可以看我主页加我Q,很少看博客,对你有帮助别忘记点赞收藏。

相关文章:

  • 在 Ubuntu 24.04 LTS 一台机子上同时部署Dify 1.3.1 和 RAGflow 0.18.0
  • 系统架构-软件可靠性
  • 如何删除此电脑上的迅雷下载、WPS云盘、百度网盘
  • yolov8+kalman 实现目标跟踪统计人流量
  • Spring的BeanFactory和FactoryBean的区别
  • Hibernate-Core (CVE-2020-25638)
  • 线性代数——行列式⭐
  • vue mixin混入与hook
  • vscode以管理员身份运行报错
  • Nacos源码—1.Nacos服务注册发现分析一
  • 蓝桥杯2025年第十六届省赛真题-可分解的正整数
  • Docker镜像仓库技术深度解析
  • 【环境配置】Mac电脑安装运行R语言教程 2025年
  • 半监督学习与强化学习的结合:新兴的智能训练模式
  • 【计算机视觉】Bayer Pattern与Demosaic算法详解:从传感器原始数据到彩色图像
  • 《计算机视觉度量:从特征描述到深度学习》—图片多模态CLIP,BLIP2,DINOv2特征提取综述
  • SDK游戏盾、高防IP、高防CDN三者的区别与选型指南
  • Profinet 从站转 EtherNet/IP 从站网关
  • OpenCV计算机视觉实战(2)——环境搭建与OpenCV简介
  • MongoDB的增删改查操作
  • 李云泽:房地产“白名单”贷款审批通过金额增至6.7万亿元
  • 巴基斯坦所有主要城市宣布进入紧急状态,学校和教育机构停课
  • 山东如意集团及实控人等被出具警示函,此前实控人已被罚十年禁止入市
  • “五一”假期第四天,全社会跨区域人员流动量预计超2.7亿人次
  • 文旅局局长回应游客住家里:“作为一个宣恩市民我也会这么做”
  • 三百余英国王室藏品,一览爱德华时代的优雅