Page({ /** * 页面的初始数据 */ data: { list: [], shoopingtext: "", //搜索框的值 show: false, //显示商品列表 sea: true, }, onInput: function (e) { var searchtext = this.data.shoopingtext; //搜索框的值 // var sss = true; if (searchtext != "") { //模糊查询 循环查询数组中的title字段 for (var index in this.data.list) { var num = this.data.list[index].title.indexOf(searchtext); console.log(num) let temp = "list[" + index + "].status"; if (num != -1) { //不匹配的不显示 this.setData({ [temp]: 1, show: true }); // sss = false; //隐藏未找到提示 } } } else { this.setData({ show: false, //隐藏商品列表 }); } this.setData({ shoopingtext:'' }) console.log(this.data.shoopingtext); }, onBtn(e) { console.log(e); }, //搜索框的值 shoppinginput: function (e) { //当删除input的值为空时 if (e.detail.value == "") { this.setData({ history: true, //显示历史记录 shoppinglist: false, //隐藏商品列表 sea: true, }); //所有商品列表的状态改为0 for (var index in this.data.list) { let temp = "list[" + index + "].status"; this.setData({ [temp]: 0, }); } } this.setData({ shoopingtext: e.detail.value, }); // console.log(e.detail.value) }, /** * 生命周期函数--监听页面加载 */ onLoad(options) { wx.request({ url: "https://www.fastmock.site/mock/883cd62177ae0a3a79638beccc3349da/api/order/list", success: (e) => { // console.log(e.data.data.list); this.setData({ list: e.data.data.list, }); }, }); }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady() {}, /** * 生命周期函数--监听页面显示 */ onShow() {}, /** * 生命周期函数--监听页面隐藏 */ onHide() {}, /** * 生命周期函数--监听页面卸载 */ onUnload() {}, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh() {}, /** * 页面上拉触底事件的处理函数 */ onReachBottom() {}, /** * 用户点击右上角分享 */ onShareAppMessage() {}, });