vue 关键词高亮 代码

// 需要使用v-html，item.legalPersonName渲染的数据
<span v-html="filterKeyWord(item.legalPersonName)"></span>

/* 关键词高亮 */
    filterKeyWord(value) {
      let text;
      //初始化正则表达式,加上括号(),形成可捕获元组
      // this.searchVal需要高光的文字
      var reg = new RegExp("(" + this.searchVal + ")", "g");
      //高亮要查找的字符串
      if(value) {
        text = value.replace(reg, "<span style='color: #FF5153;'>$1</span>");
      }else {
        text = value
      }
      return text;
    },