uniapp上拉刷新功能

功能需求

要实现用户上拉加载更多数据

 滚动区域scroll-view以及它的监听事件@scrolltolower ：区域滚动的性能不如页面的周期函数onReachBottom

函数名说明onReachBottom页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。（api文档）

实现

页面中添加onReachBottom上拉触底事件。

list.vue

onReachBottom () {

    // 页面生命周期-下拉

    执行接口调用或前端数据修改

  },

使用注意 可在pages.json里定义具体页面底部的触发距离onReachBottomDistance，比如设为50，那么滚动页面到距离底部50px时，就会触发onReachBottom事件。

{

"path": "pages/login/login",

"style": {

"navigationBarTitleText": "标题名",

"onReachBottomDistance": 50// 上拉触底的单位，单位为px

 }

},