微信小程序之上拉加载、下拉刷新

下拉刷新

1. 需要在 .json 文件中配置。(.json 文件的格式和 app.json与具体页面的.json文件的区别,前文已经讲过,有疑问的可以移步。) 如果配置在app.json文件中,那么整个程序都可以下拉刷新。如果写在具体页面的.json文件中,那么就是对应的页面,可以下拉刷新。

具体页面的.json文件:

{
 
  "enablePullDownRefresh": true,

}

app.json文件:

  "window": {
    "enablePullDownRefresh": true
  }


2. 在js文件中的回调函数:

onPullDownRefresh: function () {
    console.log('下拉刷新');

  
  }

上拉加载

同下拉刷新一样,小程序中也提供了用于上拉时回调的接口。官方文档中并没有很详细的介绍,经测试发现,上拉回调的接口并不需要额外的配置,直接在页面滑动到底部时就能拿到回调。

  onReachBottom: function () {
    console.log('上拉加载');

  }


猜你喜欢

转载自blog.csdn.net/csjn_y/article/details/80472475