首页 > 其他分享 >触底加载更多数据onReachBottom

触底加载更多数据onReachBottom

时间:2023-10-20 11:23:13浏览次数:27  
标签:触底 data 加载 onReachBottom getData 数据 listArr wx

// pages/ap2/api2.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    listArr:[]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onl oad(options) {
    this.getData()
  },

  getData(){
    
    wx.showLoading({
      title: '加载中...',
      mask: true
    })

    wx.request({
      url: 'https://api.thecatapi.com/v1/images/search?limit=2',
      success:res=>{
       
        let oldData = this.data.listArr //老的数据
        let newData = oldData.concat(res.data) //新的数据=老的数据+新数据
        
        this.setData({
          listArr:newData  //使用新的数据
        })
         //网络请求获取后关闭下拉框
         wx.stopPullDownRefresh()
      },
      complete:err=>{
        //关闭加载提示对话框
        wx.hideLoading()
      }
    })
  },
  onPullDownRefresh() {
    //清空数组
    this.setData({
      listArr:[]
    })
    this.getData()
  },

  onReachBottom(){
    this.getData()
  }
})

 

标签:触底,data,加载,onReachBottom,getData,数据,listArr,wx
From: https://www.cnblogs.com/NuoChong/p/17776621.html

相关文章

  • vscode 上无法 prettier 加载配置文件失败的问题
    1.prettier的配置文件有几种格式,先按照官方文档 配置好2.如果想按住Ctrl+Alt+L格式化代码,需要关闭vscode中的formatOnSave3.每次修改完设置需要重启vscode,这里重启的正确步骤:File->CloseFolder,再重新打开项目注意:不要直接关闭vscode窗口,这样重新打开vscod......
  • C# AVEVA 加载其他AddIn插件
    通过程序加载了其他插件[MyAmFunctionAtt(nameof(测试功能),nameof(加载其他插件))]publicvoid加载其他插件(WindowManagerwm){varaddInM=Aveva.ApplicationFramework.AddinManager.Instance;varui=newMarUi();try{varaddin=addInM......
  • Vite+Vue3 加载速度优化
    可以考虑从以下几个方面优化。整体思路:1.减小打包体积。2.异步加载。静态资源拆分打包在常规打包方法下,所有的第三方依赖将会都打包在一个vendor.js文件里,首次打开页面时,服务器会先加载这个大文件,导致白屏时间过长。而我们打包时,事先将依赖拆分成很多小文件各自进行打包,便可......
  • 校园网下博客加载不出来?试试这样做!
    校园网下博客加载不出来?试试这样做!博问博客一直加载loading...无法进入解决于解决于2023-10-1709:19如果您使用的是校园网,并且在访问我的博客时出现博客加载不出来的情况,可以尝试如下操作:以管理员身份运行WindowsPowershell或CMD执行如下命令,打开记事本:notep......
  • 【JVM】Java 的类加载机制
    目录字节码类加载过程LoadingVerificationPreparationResolutionInitialization类加载器双亲委派模型字节码Java源文件通过编译后,就会生成字节码:类加载过程Java的类加载过程可以分为5个阶段:载入、验证、准备、解析和初始化。这5个阶段一般是顺序发生的,但在动态绑定的......
  • fastify-autoload + ncc + s3 实现模块的插件化开发加载
    以前简单说明过基于fastify-autoload的插件化加载fastify插件,方便实现开发,但是对于实际生产环境我们可以需要频繁的模块修改,发布以及构建,所以需要我们需要频繁的调整,不是很方便,我们可以基于ncc进行入口的打包,同时对于每个插件也基于ncc打包为独立的文件,这样我们开发的插件只需......
  • orchard core 搭建cms 加载其他模块的管理1
    有一个具体的例子:https://github.com/OrchardCMS/OrchardCore.Samples1、先使用教程,安装cms-可以是完全也可以是采用前后端分离管理。修改对应的program.cs的内容:`varbuilder=WebApplication.CreateBuilder(args);//Addservicestothecontainer.//builder.Service......
  • fastify-autoload 一个方便的插件动态加载包
    fastify-autoload是一个方便的fastify插件加载工具,我们可以基于路径直接加载开发的插件参考使用配置constFastify=require('fastify')constpath=require("path")constautoLoad=require('@fastify/autoload');constapp=Fastify({logge......
  • [转]记一次升级.net 4.7.2版本出现未能加载文件或程序集“System.Net.Http"
    转自【https://www.cnblogs.com/ldybyz/p/13932978.html】webconfig的配置<dependentAssembly><assemblyIdentityname="System.Net.Http"publicKeyToken="b03f5f7f11d50a3a"culture="neutral"/><bindingRedirectoldVersion=&quo......
  • Android项目在 app 中通过 WebView 访问 url显示空白,使用浏览器可以打开,Android WebVi
    这是服务器证书校验WebView的安全问题服务器证书校验主要针对WebView的安全问题。在app中需要通过WebView访问url,因为服务器采用的自签名证书,而不是ca认证,使用WebView加载url的时候会显示为空白,出现无法加载网页的情况。使用ca认证的证书,在WebView则可以直接......