搜索显示建议内容时显示具体搜索内容高亮

<span v-html="hightLight(item)"></span>

思路：匹配出搜索的关键词然后替换为高亮的标签 ；

  hightLight(str) {
      // 搜索高亮
      const reg = new RegExp(this.keywords, "gi");
      console.log(reg);
      const newStr = str.replace(
        reg,
        `<span style="color: red">${this.keywords}</span>`
      );
      return newStr;
    },