在vue中实现单个或者多个搜索词高亮

单个字段搜索高亮

<div class="" style="margin-left:10px">
    <input type="text" v-model="searchVal">
    <div >
      <div v-html="replaceval"></div>
      <div v-html="replaceval2"></div>
    </div>
  </div>

data () {
   
    return {
   
      val1: '1',
      val2: '2',
      searchVal: ''
    }
  },

  computed: {
   
    replaceval () {
   
      let val1 = JSON.parse(JSON.stringify(this.val1))
      const searchVal = this.searchVal
      // 匹配关键字正