mpvue某个页面的上拉加载和下拉刷新

  1. 找到需要页面的main.js
import Vue from "vue";
import App from "./index";
const app = new Vue(App);
app.$mount();
export default {
  config: {
    "navigationBarBackgroundColor": "#ffffff",
    "backgroundTextStyle": "light", 
    "enablePullDownRefresh": true,
  }
};
  1. 在与methods同级下面写上拉加载和下拉刷新的方法
methods(){
 _getRegisterInfo () {
      let pageNum = this.pageNum;
      let pageSize = this.pageSize;
      wx.showLoading({
        title: '玩命加载中',
      })
      // 后台接口可忽略
      get('/os-wx-bee/sso/getRegisterInfo.html?pageNum='+pageNum+'&pageSize='+pageSize,{}).then(res => {
        if(res.code === 0){
          if(res.data.listPartner.length){
            this.sellerList.push(...res.data.listPartner);
          }else{

          }
          wx.hideLoading();
        }
      }).catch(err => {
        console.log(err);
      });
   	 }
  },
},
// 上拉加载
onReachBottom: function () {
//执行上拉执行的功能
  this._getRegisterInfo();
},
// 停止下拉刷新
async onPullDownRefresh() {
  // to doing..
  // 停止下拉刷新
  wx.stopPullDownRefresh();
},

猜你喜欢

转载自blog.csdn.net/Follow_the_heart/article/details/83624912