微信小程序上拉刷新和下拉加载2种方法实现

微信小程序上拉刷新和下拉加载2种方法实现，onPullDownRefresh，scroll-view使用

一、XXX.json开启下拉刷新

{
   "enablePullDownRefresh": true
}
 

二、XXX.js

onPullDownRefresh实现下拉刷新 

手动下拉触发onPullDownRefresh函数

  //product2获取数据
  loadProduct2: function () {
    var that = this;
    wx.request(OBJECT)//发起网络请求。使用前请先阅读说明。
  },
 

  //下拉刷新
  onPullDownRefresh:function(){
    console.log("刷新"); 
 
    wx.setNavigationBarTitle({
      title: '刷新中……'
    })//动态设置当前页面的标题。
 
    wx.showNavigationBarLoading();//在当前页面显示导航条加载动画。
 
    this.loadProduct2();//重新加载产品信息
 
    wx.hideNavigationBarLoading();//隐藏导航条加载动画。
 
    wx.stopPullDownRefresh();//停止当前页面下拉刷新。