到底部自动加载下一页内容

• 事件

onReachBottom 页面滚动到底部事件监听

• json设置

  "onReachBottomDistance":100,距离底部距离触发

数据初始化

• 商品数组
• 商品总数
• 每一页显示个数
• 当前页面索引

  data: {

    "goods": [],
    pageall:0,
    pagenum:10,
    pageindex:1

  },

事件回调

onReachBottom:function()
 
  {  
    console.log((this.data.pageall/this.data.pagenum),parseInt(this.datalist.pagenum))
    if((this.data.pageall/this.data.pagenum)> parseInt(this.datalist.pagenum))//判断是否超出页数（总个数/每页显示个数）
    {
      console.log("下一页")
      this.datalist.pagenum++//索引自增
      wx.request({
        url: 'https://api-hmugo-web.itheima.net/api/public/v1/goods/search',
        data: this.datalist,
        header: { 'content-type': 'application/json' },
        method: 'GET',
        dataType: 'json',
        responseType: 'text',
        success: (result) => {
          this.setData({
          
            goods:[...this.data.goods,... result.data.message.goods],//运用ES6语法，两个数组合并，合并重复项
            pageall:result.data.message.total//取回总数
          })
          console.log(this.data.goods)
        }
      });
    }
  },