PHP前端开发

小程序实例:小程序分页加载数据的实现代码

百变鹏仔 7天前 #前端问答
文章标签 程序

本篇文章给大家带来的内容是关于小程序实例:小程序分页加载数据的实现代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

// pages/billlist/index.jsconst app = getApp();Page({  /*页面的初始数据*/  data: {      page: 1,          loading: false,          loadtxt: '正在加载...',          list: []  },    /*生命周期函数--监听页面加载*/  onLoad: function (options) {      this.setData({        option: options    })        this.getlist();  },    getlist: function () {    app.fetch.newData.result({ API_URL: app.globalData.api + 'getGoldFlowList.do?ipage=' + this.data.page + '&ipagesize=15'}).then(({ data }) => {          if (data.object && data.object.list && data.object.list.length) {            let list = data.object.list;            for (let i = 0; i  {          this.setData({        loading: false,        loadtxt: '数据加载异常'      })    })  },  /*页面上拉触底事件的处理函数*/    onReachBottom: function () {      if (!this.data.loading) {        this.setData({        loading: true,        page: this.data.page + 1      })      this.getlist()    }  }})