正则匹配将文本中数字与%变色

直接上代码

<div id="app">
  <p>{{ formattedText }}</p>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    text: 'This is some text with numbers 123 and a percentage of 50% in it.'
  },
  computed: {
    formattedText: function() {
      // 使用正则表达式将数字和百分比符号 "%" 包裹在 <span> 标签中并设置颜色为绿色
      return this.text.replace(/(\d+|%)/g, function(match) {
        return `<span style="color: green;">${match}</span>`;
      });
    }
  }
});
</script>

文章来源地址https://uudwc.com/A/aYN1G