前端搜索筛选

<wv-search-bar v-model="searchItem" :autofocus="false" @input="searchInput" @cancel="unSearchFocus"/>

 <div v-if="searchFlag === false">
       <div v-for="(brands, key) in newData" :key="key" class="w-model__item">
         <div :ref="key" class="w-model__label">{
   {
    key.toUpperCase() }}</div>
         <ul class="w-model__brands">
           <li v-for="brand of brands" :key="brand.name" class="w-model__brand">
             <div class="w-model__brand-info" @click="brandClick(brand)">
               <div class="w-model__brand-logo" :style="{ 'background-image': brand.logoUrl ? `url(${brand.logoUrl})` : '' }"></div>
               <div class="w-model__brand-name">{
   {
    brand.name }}</div>
               <div :class="brand.active ? 'w-model__brand-arrow_active' :