小程序云开发(上拉加载下拉刷新)

最新推荐文章于 2021-10-26 08:48:45 发布

路不在自己脚下

最新推荐文章于 2021-10-26 08:48:45 发布

阅读量1.5k

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_43579525/article/details/101914447

版权

本文探讨了小程序云开发中实现上拉加载和下拉刷新的关键技术，尽管目前存在一些未解决的bug，但该文仍能提供基础的实现思路和可能遇到的问题。

摘要由CSDN通过智能技术生成

注意：不完善,存在bug

//index.js

const app = getApp();
const db = wx.cloud.database();
//获取数据库集合
const dbData = db.collection('counters')
Page({
  data: {
    list: []
  },

  onLoad: function(options) {
    this.getData()
  },
  onReachBottom:function(){
    // if (this.data.list.length > 0) {
    //   if (this.data.list.length === this.pageData.skip) {
    //     return;
    //   }
    // }
    this.getData();
  },
  onPullDownRefresh:function(){
    this.getData(res =>{
      // 加载数据后停止下拉刷新
      wx.stopPullDownRefresh();
      this.pageData.skip = 0;
    })
    
  },
  //获取数据
  getData:function(callback){
    if(!callback){
      callback = res =>{}
    }
    wx.showLoading({
      title: '数据加载中',
    })
    // 分页获取数据
    dbData.skip(this.pageData.skip).get().then(res => {
      let oldData = this.data.list;
      console.log(res.data)
      console.log(this.data.list.l