微信小程序中的下拉刷新更多，上拉刷新

下拉刷新更多数据

1.首先我们进入到要下拉刷新更多的页面
2.然后我们在请求数据，在请求数据的同时，我们一定要把接口文档给我们的参数一定要带上
3.微信小程序中它自带一中页面触底的方法，在这个方法中进行加载更多数据

1.我们先请求数据

data:{
	cid:'',
	 opsinem :{
      query:'',
      pagenum:1,
      pagesize:5,
    },
}



//分装一个请求数据的方法，为了后面的更方便的调用
 onLoad: function (options) {
    let id = options.id
    console.log(options.id)
    this.setData({
      cid:id
    })
    console.log(this.data.cid)
    this.goodlists()
  },
  goodlists(){
    console.log(this.data.cid)
    let thah =this
    wx.request({
      url:`https://api-hmugo-web.itheima.net/api/public/v1/goods/search?cid=${this.data.cid}&pagenum=${this.data.opsinem.pagenum}&pagesize=${this.data.opsinem.pagesize}&query=${this.data.opsinem.query}`,
      data:{},
      method:'get',
      success(res){
        console.log(res)
        let { goods} = res.data.message
        console.log(goods)
        thah.setData({
          goodlist:[...goods,...thah.data.goodlist]
        })
        //这里我们利用了js中的数学方法 Math.ceil向上取整，不然的话
        //他会在计算的的时候出现小数，这是不对的
        thah.data.totalall = Math.ceil(res.data.message.total/thah.data.opsinem.pagenum)
      }
    })
  },

3.触发底部的事件

  onReachBottom(){
    console.log('页面触发')
    console.log(this.data.totalall,this.data.opsinem.pagesize)
    if(this.data.totalall ==this.data.opsinem.pagesize){
      // alert("没有更多的数据了")
      wx.showToast({
        title: '没有等多数据了',
      })
    }
    this.data.opsinem.pagenum++
    this.goodlists()

  },