初面网初面网

下拉刷新和上拉加载

下拉刷新

下拉刷新默认是关闭的,需要在全局或者局部开启。

全局:app.json中的window节点中,enablePullDownRefresh设置为true

局部:.json中配置。推荐在需要开启的页面再开启。

想在下拉刷新中处理逻辑?用onPullDownRefresh,松手时会触发事件。

onPullDownRefresh: function(){
  wx.stopPullDownRefresh(); // 停止下拉刷新。建议卸载下拉逻辑末尾,及时关闭
}

上拉触底

触发事件

onReachBottom: function(){
  console.log('上拉触底')
}

在触底事件发生的时候需要控制一下它的出现频率,可以用节流函数包裹,也可以设置一个标志位,标记是否正在加载。

如果是发送请求,并且假设标志位的变量名为isLoading,那么可以在触底函数里的事件发生时将isLoading的值置为true,在请求的complate中isLoading的值置为false,从而达到控制的目的。

更新于 2025/2/26