vue中如何实现高亮关键字

通过RegExp实现对关键词的替换，通过添加class实现关键词高亮显示

changeColor (resultsList) {
  resultsList.map((item, index) => {
    // console.log('item', item)
    if (this.keyWords && this.keyWords.length > 0) {
      // 匹配关键字正则
      let replaceReg = new RegExp(this.keyWords, 'g')
      // 高亮替换v-html值
      let replaceString =
        '<span class="search-text">' + this.keyWords + '</span>'
      resultsList[index].name = item.name.replace(
        replaceReg,
        replaceString
      )
    }
  })
  this.results = []
  this.results = resultsList
}

参考链接

vue中如何实现高亮关键字