微信小程序的上拉加载

data:{

  count:2,

    isFromSearch: true,   // 用于判断searchSongList数组是不是空数组，默认true，空的数组

    searchPageNum: 2,   // 设置加载的第几次，默认是第一次

    callbackcount:2,      //返回数据的个数

}

 // 上拉加载数

  fetchSearchList:function(){

    wx.showLoading({

      title: '加载中',

    })

    api.request('api/v1/goods?limit', {

      id: this.data.id,

      limit:this.data.searchPageNum

    }, "GET", 'form').then(res => {

      console.log(res)

        //隐藏加载提示

        wx.hideLoading();

         //判断是否有数据，有则取数据

         if (res.data.rows !== null && res.data.rows.length>0){

          let searchList = [];

          //如果isFromSearch是true从data中取出数据，否则先从原来的数据继续添加

          this.data.isFromSearch ? searchList = res.data.rows : searchList = this.data.hosList.concat(res.data.rows);

        let hosList = res.data.rows

        hosList.forEach(item => {

          // 接口地址完了要改(完犊子哦了)

          item.image = `http://192.168.2.181:7001${item.image}`

          // item.goods_info.infoimg = `http://192.168.2.181:7001${url}`

          //  console.log(item.goods_info.infoimg)

        })

        for(var i=0;i{

            item.url = `http://192.168.2.181:7001${item.url}`

          })

        }

        wx.setStorage({//获取的时候存储在本地

          key: "hosList",

          data:res.data.rows,

        })

        this.setData({

          //使用新的数据

          hosList: hosList

        })

      }

})

  },

  触底响应

   //触底响应函数

    onReachBottom: function () {

      setTimeout(function () {

        wx.hideLoading()

      }, 1000)

    let that = this;

    that.setData({

        searchPageNum: that.data.searchPageNum + 1,  //每次触发上拉事件，把searchPageNum+1

        isFromSearch: false  //触发到上拉事件，把isFromSearch设为为false

    });

   that.fetchSearchList();

      console.log("页面到底了")

    },

   上拉刷新

 onPullDownRefresh:function(){

      console.log('上拉刷新了！')

        //显示顶部刷新图标

        wx.showNavigationBarLoading();

        //要刷新请求服务器的方法

        this.fetchSearchList();

       //隐藏导航栏加载框

         wx.hideNavigationBarLoading();

        //停止下拉事件

         wx.stopPullDownRefresh();

    }