微信小程序搜索的实现思路

实现思路

1.先对input框绑定个search方法进行搜索
2.在js中写sarch方法，利用wx.request查找数据，success成功之后开始查找自己要的数据.
3.根据input框的输入值且利用filter进行过滤，然后再利用indexof方法查找对应的数据
（indexOf方法获取到指定的字符在字bai符串中第一次出现的位置，从0开始。如果一开始就是e则返回0，如果第二个位置是e则返回1，如果搜完整个字符串都没有e则返回-1 。
反证法 如果该方法不返回-1 就证明该字符串中含有e字符。）
4.最后利用this.setData进行同步，将返回的数据赋值给我们在data里面定义的新数组

<input class="search_input"   bindconfirm="search" placeholder="请输入搜索内容"/>

  // 搜索
  search(value){
    wx.request({
      url: 'https://api.it120.cc/lsn/shop/goods/list',
      method:"GET",
      header:{
        'content-type':'application/text'
      },
      success:res=>{
        if(res.statusCode===200){
          let list = res.data.data.filter((e)=>{
            if(e.name.indexOf(value.detail.value) != -1){
                return e
            }
          })
          this.setData({
            arr:list
          })
          console.log("arr",this.data.arr)
        }
      }
    })
  },