小程序上拉加载更多数据,分类切换状态等实例

  • Post author:
  • Post category:小程序


发现很多人对小程序的文章比较好奇,购物车那篇居然占了快三分一的访问量,因此写多篇关于小程序的常用功能。

上拉加载更多其实很简单,关键点只是知道上拉加载是变相的分页加载,然后通过初始化记录值和通过数组来保存加载过的数据(用户看回加载过的数据),同样的每行解析,分类切换的状态显示的想法是慕课网的七月讲师在视频的想法。我这里简化一下。

    data: {
        begin: 0,
        goods_list_key:[]//上拉加载更多初始化
    },
    goodsBegin: function (catId) {//初始化首页商品展示
        var that = this;
        var begin = this.data.begin;//初始化时是零,后面通过上拉会不断叠加
        //console.log(begin);
        wx.request({
            url: 'https://www.xxxxxx/' + begin + '/' + catId,
            method: 'GET', 
            header: { 'content-type': 'application/json' },
            success: function (res) {
                if(res.data ==""){//没有返回数据时的判断
                    wx.showToast({
                    title: '已加载完所有数据',
                    icon: 'success',
                



版权声明:本文为sinat_23900111原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。