微信公众号开发

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

本文主要是介绍小程序模糊查询/数组的筛选功能,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
//筛选框
<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,
        })
      })
    })
  }

 

这篇关于小程序模糊查询/数组的筛选功能的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!