js正则匹配字符串，数字颜色为蓝色

最新推荐文章于 2024-03-14 17:16:26 发布

女生也可以敲代码

最新推荐文章于 2024-03-14 17:16:26 发布

阅读量237

点赞数

分类专栏： ts 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_47793882/article/details/129268184

版权

ts 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

过滤所有数字的正则：

/[0-9]+(\.?[0-9]+)?\%?/g

过滤包含某些字(万|分钟|第|一|十|名|W|所有)的正则表达式:

/[0-9]+(\.?[0-9]+)?\%?|万|分钟|第|一|十|名|W|所有/g

 const str = '使用的人数占比10%';
 const getText = (value: string) => {
      var reg = /[0-9]+(\.?[0-9]+)?\%?|万|分钟|第|一|十|名|W|所有/g;
      let str = value; 
      str = str.replace(reg, "<span style='color: #008CFF;'>$&</span>");
      return str;
    };
    
    getText(str);

<div v-html={str}></div>  //使用v-html渲染