微信小程序-上拉刷新功能，下拉加载功能。

最新推荐文章于 2024-10-18 15:07:15 发布

鸭鸭梨吖

最新推荐文章于 2024-10-18 15:07:15 发布

阅读量197

点赞数 1

分类专栏：关于微信小程序文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/weixin_51494148/article/details/139803216

版权

关于微信小程序专栏收录该内容

8 篇文章 0 订阅

订阅专栏

微信小程序-上拉刷新功能，下拉加载功能。
.json:

{
  "usingComponents": {
    "navigation-bar": "../../../components/navigation-bar/navigation-bar"
  },
  "navigationStyle": "custom",
  "enablePullDownRefresh": true, //打开支持上拉刷新功能，下拉加载功能
  "renderer": "webview"
}

.js部分：

   data: {
    list:[],
    pageNum:1,
  
  },
 
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    var that = this;
    var pageNo = parseInt(that.data.pageNum) + parseInt(1);
    requestApi.get('api/xiaoming', {
      userId: wx.getStorageSync("userInfo").id,//当前人员id
      pageNum: pageNo,//页码 示例值1
      pageSize:10
       })
    .then(res => {
        var lisb = [];
        var list = that.data.list;
        var result = res.rows ? res.rows : [];
        if (result.length == "0") {
          wx.showToast({
            title: '没有更多了！',
            icon: 'none',
            duration: 3000,
          });
        } else {
          list = list.concat(result)
          that.setData({
            list: list,
            pageNum: pageNo
          });
        }
    })
    .catch(() => { 
      wx.showToast({
        title: '数据获取失败',
        icon: 'none',
        duration: 3000,
      });
    })
  },