vue 移动端项目 如何实现 搜索页面的--关键字--高亮?

效果目标：

1. 在methods 的方法里，我专门用一个方法lightFn 处理字符串高亮的问题，

设置originStr 代表原来的字符串，target 关键字，用字符串的方法 replace()替换，返回值为替换后的字符串

代码：

//专门处理字符串高亮关键字问题
  lightFn(originStr,target){
    //originStr 代表原来的字符串
    //target 关键字
    //字符串有一个方法 replace
    //例如："好同志，都是招募来的"，关键字：好
    //返回值：替换后的完整字符串
   return  originStr.replace(target,`<span style="color:red;">${target}</span>`)
  }

2. 在搜索建议这个地方用v-html 指令掉用这个方法，可能会有人问，因为它是字符串，所以我们要把它转为文本的内容