微信小程序实现上拉加载下滑刷新和阻止信息重复添加

yc_wyj

于 2018-05-24 11:30:31 发布

阅读量4.5k

点赞数

本文链接：https://blog.csdn.net/yc_wyj/article/details/80431967

版权

本文介绍了如何在微信小程序中实现上拉加载更多数据和下滑刷新功能，同时讲解了如何防止信息重复添加。涉及到配置app.json和list.json，编写list.js中的拉取数据函数，以及后台代码中添加数据的方法调用。

摘要由CSDN通过智能技术生成

在微信小程序中实现上拉刷新

首先在app.json中加入

 "enablePullDownRefresh": false

然后在list.json中加入

 "enablePullDownRefresh":true,
 "onReachBottomDistance":10

在list.js中写下拉函数

  onPullDownRefresh: function () {
    // console.log(e);
    page = 1;
    isFinite = false;
    this.setData({student:[]});
    loadmore(this);
  },

下滑：

  onReachBottom: function () {
    var that = this;
    loadmore(that);
    console.log(page);
  },

var page = 1;
var isfinish = false;
function loadmore(that){
  if(isfinish) return;

  wx.showLoading({
    title: '正在加载中',
  })
  wx.request({
    url: '.....select',//省略方法的路径
    data:{
      page:page,
      condition:that.data.condition
    },
    success:(res)=&