微信小程序在一段文本中遇到@,做出换行的效果

316 阅读1分钟

1. 我们要用到正则表达式匹配到@字符串

2. 再次要用到富文本标签给予其换行

直接上代码


<wxs module="xiaozhao">
	module.exports.fun = function(str) {
		var reg = getRegExp('@', 'g')
		return str.replace(reg, '<br/>')
	}
</wxs>

<rich-text nodes="{{xiaozhao.fun('hsiuisis@hsnkjh@dhgjhjhjh')}}"></rich-text>

上述代码中,我们用到的是wxs标签,此标签可以操作js中的很多语句,详情请参考官网

developers.weixin.qq.com/miniprogram…

developers.weixin.qq.com/miniprogram…

我们用正则表达式不能够直接写 str.replace(/str/g,'<br/>'),程序会报错,要用到小程序中的getRegExp方法,再进行数据处理

我们是将所有的@字符给替换成<br/>标签,然后我们再同各国富文本<rich-text></rich-text>标签将换行给显示出来