vue 点击搜索，内容关键字标红

效果：

实现思路：

用v-html实现
把搜索的关键词记录下来，serachText
title截取serachText的内容 然后join标签

代码：

html

 <div  v-html="toolTipTitle"></div>

js

  computed: {
    toolTipTitle() {
      let  titleIdCodeText =this.titleText//props传入的,不管怎么样，拿到这个显示的标题就是了
      // titleIdCodeText = titleIdCodeText.replace(/<font color=red>/g, '')
      // titleIdCodeText = titleIdCodeText.replace(/<\/font>/g, '')
      //this.searchValue为搜索框的关键词，也可以props传入
      titleIdCodeText = titleIdCodeText.split(this.searchValue).join(`<font color=red>${this.searchValue}</font>`)
      return titleIdCodeText
    }
  },