vue搜索关键字变色

<li v-for="item in listData" :key="item.treeId" class="font12">
	<span v-html="item.number">span>
li>

api.assets.search(JSON.stringify(param))
     .then(res => {
        if (res.code == '200') {
          this.listData = res.data.data
          //方法调用
          this.changeColor(res.data.data)
        }
      })
      .catch(error => {
        console.log(error)
      })
changeColor(resultsList) {
      resultsList.map((item, index) => {
        if (this.search) {
          // 匹配关键字正则
          let replaceReg = new RegExp(this.search, 'g')
          // 高亮替换v-html值
          let replaceString = '' + this.search + ''
          if (resultsList[index].number) {
            resultsList[index].number= item.number.replace(replaceReg, replaceString)
          }
        }
      })
      this.listData = []
      this.listData = resultsList
    },

.search-text {
  color: red;
}

前端的快乐在于功能的实现，一起加油！