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

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

效果图

在这里插入图片描述

.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,很少看博客,对你有帮助别忘记点赞收藏。

http://www.xdnf.cn/news/2526.html

相关文章:

  • DSP48E2 的 MAC模式功能仿真
  • C#与SVN的深度集成:实现版本控制自动化管理​
  • 【星海出品】K8S调度器leader
  • 如何验证二叉搜索树(BST):Java实现详解
  • C++ 可调用实体 (详解 一站式)
  • 我的HTTP和HTTPS
  • Mariadb 防火墙服务器和端口:mysql | 3306
  • 如何实现Kafka的Exactly-Once语义?
  • 关于kafka
  • 突破JVM边界:类加载三重门与栈帧的生存法则
  • 如何搭建spark yarn 模式的集群集群。
  • 如何在idea中写spark程序
  • Excel处理控件Aspose.Cells for Go :通过 C++ 实现的设计概念和 API 架构讲解
  • 深入浅出限流算法(三):追求极致精确的滑动日志
  • threejs学习002-场景中添加几何体
  • Kubernetes》》k8s》》explain查 yaml 参数
  • OpenCV 图形API(67)图像与通道拼接函数-----水平拼接(横向连接)两个输入矩阵(GMat 类型)函数concatHor()
  • STM32 HAL库实现USB虚拟串口
  • 蓝桥杯算法实战分享
  • Lua 第13部分 位和字节
  • 《Science》观点解读:AI无法创造真正的智能体(AI Agent)
  • Python中的Walrus运算符分析
  • HikariCP 6.3.0 完整配置与 Keepalive 优化指南
  • 1.1 道路结构特征
  • 【博通芯片方案】调试指令详解版一(无线)
  • Docker容器跑定时任务脚本
  • 分布式一致性算法起源思考与应用
  • 4.2.2 MySQL索引原理以及SQL优化
  • Bolt.diy 一键部署,“一句话”实现全栈开发
  • GAMES202-高质量实时渲染(homework1)