小程序模糊查询/数组的筛选功能

//筛选框
<input type="text" placeholder="输入手机号查询" bindinput="search"></input>

//循环数组
<view wx:for="{{emp_list}}">
    <text>{{item.mobile}}</text>
</view>

data:{
    emp_list: '', //定义的数组
}

search: function(e){
    let that = this;
    console.log(e.detail.value);
    let name = e.detail.value;
    that.setData({
    //每次进去把之前的数据清空
      emp_list:[],
      val: name //把输入的内容放进data里面
    })

    vphp.request({
      url: '接口地址',
      data: {
        id: 接口要传的值
      },
      success:((res)=>{
        console.log(res.data)
        res.data.filter((item)=>{
          console.log(item.mobile);
          if(item.mobile.indexOf(that.data.val)>=0)
          //判断是否包含
          {
            that.data.emp_list.push(item)
          }
        })
        //从新赋值
        that.setData({
          emp_list:that.data.emp_list,
        })
      })
    })
  }
原文地址:https://www.cnblogs.com/yyy251/p/15511551.html