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>标签将换行给显示出来