微信小程序连续多个特殊字符自动换行解决方法
效果图
.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,很少看博客,对你有帮助别忘记点赞收藏。