1. 程式人生 > >mpvue某個頁面的上拉載入和下拉重新整理

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();
},