小程序-懒加载

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了小程序-懒加载，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1636字，纯文字阅读大概需要3分钟。

内容图文

import { Expert } from ‘expert-model.js’;
var expert = new Expert(); //实例化 首页 对象
Page({

/**

• 页面的初始数据
  */
  data: {
  pageIndex: 1,//加载的第一页
  isLoadedAll: false,//判断是否全部加载完毕
  doctorArr: [],//加载的总数据
  },

/**

• 生命周期函数–监听页面加载
  */
  onLoad: function (options) {
  this._loadData();
  },
  _loadData: function () {
  this._getDoctors();
  },
  //获取总医生列表
  _getDoctors: function (callback) {
  var that = this;
  expert.getDoctors(this.data.pageIndex, (res) => {
  // console.log(res)
  var data = res.data;
  if (data.length > 0) {
  that.data.doctorArr.push.apply(that.data.doctorArr, res.data); //数组合并
  that.setData({
  doctorArr: that.data.doctorArr
  });
  } else {
  that.data.isLoadedAll = true; //已经全部加载完毕
  that.data.pageIndex = 1;
  }
  callback && callback();
  });
  },
  //page自带的滚动判断
  onReachBottom: function () {
  if (!this.data.isLoadedAll) {
  this.data.pageIndex++;
  this._getDoctors();
  }
  },
  //点击医生列表
  toDetail: function (e) {
  console.log(e)
  var id = e.currentTarget.dataset.id//当前点击的id
  wx.navigateTo({
  url: ‘/pages/expertListDetail/expertListDetail?id=’ + id
  })
  },
  })

expert-model.js里面的内容如下：
import { Base } from ‘…/…/utils/base.js’;

class Expert extends Base {
constructor() {
super();
}

/获得所有医生列表,pageIndex 从1开始/
getDoctors(pageIndex, callback) {
var allParams = {
url: ‘/Doctor/getAllDoctor’,
data: { page: pageIndex },
type: ‘post’,
sCallback: function (data) {
callback && callback(data);
}
};
this.request(allParams);
}
};

export { Expert };

注释：在expert-model.js里面封装好方法，然后再expert.js里面调用，首先加载第一页的数据，
执行onReachBottom的时候再去加载其他页面数据

内容总结

以上是互联网集市为您收集整理的小程序-懒加载全部内容，希望文章能够帮你解决小程序-懒加载所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---