思路:
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 type="text" placeholder="请输入搜索关键词" bindinput='search'></input>
// 搜索
search(value){
wx.request({
url: 'https:// xxxxxx',接口地址
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)
}
}
})
},