首页教程资讯软件资讯 → 微信小程序如何实现触底加载 微信小程序触底加载实现方法

微信小程序如何实现触底加载 微信小程序触底加载实现方法

来源:网络 | 更新时间:2023-08-09
微信免费下载安装

微信免费下载安装

  • 类型:通信社交
  • 大小:253.2M
  • 语言:简体中文
  • 评分:
查看

  微信小程序如何实现触底加载?微信小程序相信大家并不陌生,使用微信小程序可以更好地帮助我们节约手机内存,而且它的功能齐全, 不亚于正式下载的小程序。但是每一款看似简单的产品背后都离不开幕后研究人员的辛勤付出,为了给用户们更为方便的使用体验,开发者们往往要考虑很多。今天小编要给大家介绍的就是微信小程序触底加载内容的实现,小程序目前还不具备使用pc端的分页格式的条件,所以微信小程序一般是使用触底加载来实现内容分页的,让我们一起来看看是怎么实现的吧,感兴趣的下伙伴也可以打开编程软件自己尝试一下哦!觉得有用的话麻烦点赞关注支持一下哦!

微信小程序触底加载实现方法

  1.首先要从后端也就是服务器上获取分页的数据,如:每页多少条数据,一共分了多少页,大致内容如下图

  既然有了数据,那就要在微信端去获取数据了

  2.先不考虑分页,把获取到的数据直接显示到微信端

  3.wxml文件

  xcss样式就省略

  4.前端显示如下:

  

  5.写触底函数的方法

  6.把写的触底函数的方法放入到onReachBottom: function () {} 页面上拉触底事件的处理函数中。

 

  7.现在在触底显示

  

  到此微信小程序触底加载实现完成。