我来说说我开发一般用的上拉加载更多及下拉刷新：

先说下拉刷新

onPullDownRefresh: 下拉刷新

  • 监听用户下拉刷新事件。
  • 需要在app.json的window选项中或页面配置中开启enablePullDownRefresh。
  • 当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

　　（当然网上还有一些方法可以借鉴下）

 

然后上拉加载更多

1.onReachBottom: 上拉触底

  • 监听用户上拉触底事件。
  • 可以在app.json的window选项中或页面配置中设置触发距离onReachBottomDistance（默认触发距离应该是0我没记错的话，也可不设置）。
  • 在触发距离内滑动期间，本事件只会被触发一次。　
　　/* 页面上拉触底事件的处理函数*/
　　onReachBottom: function () {
　　　　this.setData({
　　　　　　page:++this.data.page
　　　　})
　　　　this.contenttalk(this.data.aid);
　　　　// console.log(1)
　　},

      一般在某个xx.js文件都会有默认的onReachBottom方法，直接在里面操作即可。

 

2.当使用到scroll-view标签时会使用bindscrolltolower来实现上拉加载更多

　　

　　　　wxml文件：

　　　　<scroll-view scroll-y scroll-with-animation=’true’ scroll-top='{{ topNum }}’ bindscroll=’scrolly’ bindscrolltolower=”scrollbottom”></scroll-view>
 
　　　　js文件：
　　　　

　　　　//上拉加载更多
　　　　scrollbottom(){
　　　　　　this.setData({
　　　　　　page:this.data.page+1
　　　　　　})
　　　　　　// console.log(this.data.page);
　　　　},
　　　　（代码没写全，只要明白这个意思就ok了）

版权声明：本文为jay-sans原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/jay-sans/p/8532728.html