前端实现模糊搜索

利用正则校验的方式在前端实现模糊搜索的功能

1，html

 <div class="searchDivInput">
        <input class="searchInput" type="text" placeholder="搜索分店"  v-model="storeKey">
        <img class="searchImg" :src="require('assets/img/webtherapy/search.png')" @click="findbranch()">
      </div>

2,JS

findbranch(){
        if(this.storeKey){
          let text = this.storeKey
          let reg = new RegExp(text) 
          //利用正则规则获取符合搜索条件的数据
          let list = this.branchStoreList.filter(item => reg.test(item.kkb104)) 
          //获取符合条件的数据
          this.branchStoreList=list
        }else{
        	//storeKey为空，则恢复全部数据显示
          this.branchStoreList=this.branchStoreListTemp
        }
      },