uniapp 模糊搜索文字添加颜色

项目场景：

项目场景：最近写商城模块，遇到了搜索功能。模糊搜索，搜素框中的文字和检索出的内容一样的字添加颜色。

---

问题描述

例如：模糊搜索，搜素框中的文字和检索出的内容一样的字添加颜色。

 

---

分析：

首先要拿input中的进行对比 有就给文字添加颜色

---

解决方案：

将后台给的文字拆成数组逐一对比：

            
                
                :style="setColor(items)" v-for="(items,indexs) in item.name.split('')"
                    :key="indexs">{{items}}
            

setColor(item) {
      if (this.name.indexOf(item) != -1) {
          return 'color:#24A0F5'
      } else {
          return 'color:#333333'
      }
 }