全局匹配高亮变红

277 阅读1分钟

代码

const reg = new RegExp(this.queryParams.Keyword, 'g') // g为修饰符, reg === /关键字/g 带g保证下面的是全局匹配,转为正则 replace // 替换全局的关键字为带红高亮

 async handleSearch() {
      this.isAdvanced = false
      await this.getSearchList()
      if (this.queryParams.Keyword) {
        this.SearchList.forEach((el, i) => {
          const reg = new RegExp(this.queryParams.Keyword, 'g') // g为修饰符, reg === /关键字/g 带g保证下面的是全局匹配
          el.Name = el.Name.replace(reg, '<font color="#FF6010">' + this.queryParams.Keyword + '</font>') // 替换全局的关键字为带红高亮
        })
      }
    },