正则匹配搜索文案

Xnip2021-09-16_17-34-08.jpg

实现方案：用正则全局替换

// 避免搜索特殊字符，如“\”时报错，对value进行转义
const regName = new RegExp(`\\${value}`, 'g');
const itemLists = this.indexTreeDataLists.filter(o => o.name.match(regName));
  if (itemLists.length) {
        itemLists.forEach(item => {
          const result = [];
          this.helpGetSearchName(item.parent, result);
          let resultStr = `${result.join('/')}${item.parent ? '/' : ''}${item.name}`;
          // 替换搜索结果
          resultStr = resultStr.replace(regName, `<span style="color:#0090FF;">${value}</span>`);
      }
  // 帮助 - 搜索 - 拼接搜索结果
    helpGetSearchName(data, result = []) {
      if (!data) return;
      if (data.parent) {
        this.helpGetSearchName(data.parent, result);
      }
      result.push(data.name);
    },