小程序加载云端数据库中的第二页数据,前端如何动态显示?

export default class HelloLoading{

  constructor(collection_name,db){
    this.collection_name = collection_name

    this.db = db
    this.setPageCount(db)
  }

  pageCount = 0;
  setPageCount(db){

    db.collection(this.collection_name).count({
      success:function(res){
        // console.log(res.total)
        this.pageCount = res.total
      },
      fail: console.error
    })

  }
  getPageCount(){
    return this.pageCount
  }

}

  

如上,当请求getPageCount() 的时候,构造函数的setPageCount还没有执行结束呢!怎么办?

回调函数!

export default class HelloLoading{

  static pageCount = 0;

  constructor(collection_name){
    this.collection_name = collection_name

    this.db = wx.cloud.database()

  }

  setPageCount(callback){

    this.db.collection(this.collection_name).count({
      success:function(res){

        console.log(res.total)
        HelloLoading.pageCount = res.total

        callback()
      },
      fail: console.error
    })

  }

  getPageCount(){
    return HelloLoading.pageCount;
  }

}

  外部调用的时候,使用

loadingdata.setPageCount(function(){
      console.log(loadingdata.getPageCount())
    })

  

原文地址:https://www.cnblogs.com/xixiaohui/p/12168141.html

时间: 2024-11-13 07:51:26

小程序加载云端数据库中的第二页数据,前端如何动态显示?的相关文章

小程序云开发向数据库中新增数据

小程序云开发向数据库中新增数据,基本操作在新建完一个云项目后都有了,右键上传部署login云函数后,就可以在模拟器中简单地操作数据库了 这是databaseGuide.js生成时就给出的代码,增删改查都需要先将相关部分的代码去掉注释. // pages/databaseGuide/databaseGuide.js const app = getApp() Page({ data: { step: 1, counterId: '', openid: '', count: null, queryRe

小程序加载中提示实现

微信小程序弹出loading层的两种方法:直接在代码里控制,在wxml文件里布局弹窗loading层,利用条件渲染,在js代码里控制是否显示loading层. 方法一: <loading hidden="{{loadingHidden}}"> 加载中... </loading> ? this.setData({ loadingHidden: false }) ? 方法二: showLoading:function(){ wx.showToast({ title:

微信小程序 加载图片时,先拉长,再恢复正常

今天在写小程序,发现小程序的图片image如过mode设置为widthFix的话, 加载图片会被先拉伸,后恢复正常 我的处理方法是,给他一个初始的height值,或者就直接 height:auto 原文地址:https://www.cnblogs.com/bing0709/p/10729449.html

小程序加载图片失败,默认图片的替换方法

需求前端请求后台的接口的时候回,数据会返回图片的url地址,但是有的时候可能是数据字段的错误,或者是返回的链接中信息是404,那么前端这边怎么处理. 大致思路:我们会在data数据中得到一个list一样的图片数据,或者你可以当成接口返回的数据结构,然后我们循环整个数据的时候会在image标签找不到资源的时候error事件,我们就会得到一个失败实例的方法,然后我们在数据循环的时候可以得到list的index值,也就是索引值.把这个值传到error方法中进行list数据的替换就可以了.怎么样简单吧~

mpvue 小程序加载不了图片 Error: Failed to load local image resource /images/xx.png the server responded with a status of 404 (HTTP/1.1 404 Not Found)

mpvue开发小程序时候,要添加静态本地图片 <img src="../../images/bg.png" alt=""> 会报错: VM14878:2 Failed to load local image resource /images/bg.png the server responded with a status of 404 (HTTP/1.1 404 Not Found) 原因有很多种,解决办法可以改webpack,或mpvue的包,这里提

小程序加载数据后滚动条加载到底部

1 wx.createSelectorQuery().select('#body').boundingClientRect(function (rect) { 2 // 使页面滚动到底部 3 wx.pageScrollTo({ 4 scrollTop: rect.bottom 5 }) 6 }).exec() 1.通过wx.createSelectorQuery创建一个 SelectorQuery 对象 2.select 类似 jq 的选择器 3.通过调用 boundingClientRect

无法为具有固定名称“System.Data.SqlClient”的 ADO.NET 提供程序加载在应用程序配置文件中注册的实体框架提供程序类型“System.Data.Entity.SqlServer.SqlProviderServices, EntityFramework.SqlServer”。请确保使用限定程序集的名称且该程序集对运行的应用程序可用。有关详细信息,请参阅 http://go.m

Windows服务中程序发布之后会如下错误: 无法为具有固定名称"System.Data.SqlClient"的 ADO.NET 提供程序加载在应用程序配置文件中注册的实体框架提供程序类型"System.Data.Entity.SqlServer.SqlProviderServices, EntityFramework.SqlServer".请确保使用限定程序集的名称且该程序集对运行的应用程序可用.有关详细信息,请参阅 http://go.microsoft.com

MFC程序加载DLL文件时运行到Loadlibray()语句就无法继续下去

我在学习Detour时,为了进行测试,就建立了一个DLL文件和一个MFC工程. 但是我的MFC程序加载DLL文件时运行到Loadlibray("XXX.dll")这条语句就无法继续下去,没有报错,VS2010也没有停止,还是处于编译运行状态. 可是我之前加载的别的DLL文件都可以运行,这应该是很简单的加载DLL文件的过程呀,就想是dll文件的代码错误?或是MFC工程错误?还是Dll工程错误? 于是 我就将dll内的代码 复制到原来可以运行的DLL文件中发现可以运行,那就是代码没错, 接

Android插件化(三)加载插件apk中的Resource资源

Android加载插件apk中的Resource资源 简介 如何加载未安装apk中的资源文件呢?我们从android.content.res.AssetManager.java的源码中发现,它有一个私有方法addAssetPath,只需要将apk的路径作为参数传入,我们就可以获得对应的AssetsManager对象,然后我们就可以使用AssetsManager对象,创建一个Resources对象,然后就可以从Resource对象中访问apk中的资源了.总结如下: 1.新建一个AssetManag