uniapp 模糊搜索文字添加颜色

项目场景：

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

问题描述

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

分析：

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

解决方案：

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

<view class="content_list">
            <view class="list_infor" v-for="(item,index) in searchName" :key="index">
                <image src="../../static/icon_149.png" mode=""></image>
                <text :style="setColor(items)" v-for="(items,indexs) in item.name.split('')"
                    :key="indexs">{{items}}</text>
            </view>
</view>

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