vue，uniapp，微信小程序解决字符串中出现数字则修改数字样式，以及获取字符串中的数字
简单记录一下，最近遇到的一个新需求：后端返回的是非富文本，只是一串字符串，其中包含了文字和数字，前端需要将出现数字的地方将其加粗或者修改颜色等需求
设计思路：（简单做个记录方便以后理解）（方法有点老土，但是亲测有效，不喜勿喷谢谢）
首先通过遍历字符串，通过将所得到的每一项减去0就可以判断当前字符串是否是数字，如果是数字则对应在前后加上标签，这时候就会出现带有小数点的字符串（例如8.8元），这时候需要在判断中多加一步，如果当前项为（.）则判断上一项是否为数字如果是则对应加上标签，
话不多说直接上代码：
1、在data中定义数据（当前为模拟数据）
2、在对应地方处理数据
3、vue，和uniapp可直接使用v-html渲染
4、如果是微信小程序则需要使用rich-text组件
当然使用这个标签的规则可以去微信小程序查看（地址）
5、最终展示
6、最后补充一点：如何获取字符串中所有的数字可以使用match()匹配正则表达式实现以下只是举个例子，当然使用的还是上面的text，可根据实际需求匹配对应的正则
最终效果：
最后的最后，如果有哪些大牛有更好的办法，希望指点一二
原文地址：https://blog.csdn.net/A1123352950/article/details/143596756
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！