vue文字段中查找关键字标亮

代码中需要用v-html标签来引入带有style的文字段

  <div class="title1" v-html="item.title"></div>

代码中需要用replace方法，从item.title中查找keyTitle关键词，并将带有关键词的颜色变化返回给lighttitle。
new RegExp 表示创建一个新的正则表达式对象，“gi” 是正则表达式的标志位：g 表示全局匹配（在整个字符串中查找所有匹配项，而不仅仅是找到第一个就停止），i 表示不区分大小写的匹配。

   item.lighttitle = item.title.replace(
                  new RegExp(this.keyTitle, "gi"),
                  (match) => `<span style="color: #eb7c31">${match}</span>`
              );

效果展示如下👇