首页 > 其他 > 详细

上拉刷新

时间:2021-01-21 21:03:55      阅读:32      评论:0      收藏:0      [点我收藏+]
 
技术分享图片

 

 

// pages/goods_list/index.js
import {request} from "../../request/index.js"
import regeneratorRuntime from "../../lib/runtime/runtime.js";

Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      {
        id:0,
        value:‘综合‘,
        isActive:true
      },
      {
        id:1,
        value:‘销量‘,
        isActive:false
      },
      {
        id:2,
        value:‘价格‘,
        isActive:false
      }
    ],
    goods_list:[]
  },

  // 接口要的参数
  QueryParmas:{
    query:"",
    cid:"",
    pagenum:1,
    pagesize:10
  },

  // 总页数
  totalPages:1,
 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options)
    this.QueryParmas.cid = options.cid; 
    this.getGoodsList()
  },

   // 获取商品列表数据
   async getGoodsList(){
    const res = await request({
      url:‘/goods/search‘,
      data:this.QueryParmas
    })

    // 获取总条数
    const total = res.total; 
    // 计算总页数
    this.totalPages = Math.ceil(total / this.QueryParmas.pagesize) 
    // console.log(this.totalPages)

    this.setData({
      // 拼接了数组
      goods_list: [...this.data.goods_list, ...res.goods]
    })
    // console.log(res)
  },
   
  // 标题点击 
  handleTabsItemChange(e){
    // 1 获取被点击的标题索引
    const {index} = e.detail 
    // console.log(index) 
    // 2 修改源数据
    let {tabs} = this.data;
    tabs.forEach( (v,i)=>i === index ? v.isActive = true : v.isActive = false ) 
    // 3 赋值到 data 中
    this.setData({
      tabs
    })

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    // 判断是否有下一页
    if(this.QueryParmas.pagenum >= this.totalPages){
        // 没有下一页
        // console.log(‘没有下一页‘)
        wx.showToast({
          title: ‘没有下一页数据了‘ 
        });
          
    }else{
      // 还有下一页数据
      console.log(‘有下一页‘)
      this.QueryParmas.pagenum++;
      this.getGoodsList();
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

上拉刷新

原文:https://www.cnblogs.com/eric-share/p/14310282.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!