功能需求

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

滚动区域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

}

},

uniapp 下拉刷新组件
uniapp，下拉刷新组件，也可以上拉封装使用注意：默认是两个方向都能拉的，如果不设置direction，...
Flutter上拉刷新和下拉加载
Flutter中使用ListView时常常会用到上拉刷新和下拉加载功能，上拉刷新比较好实现，直接在ListView...
uniapp-小程序-瀑布流布局-支持下拉刷新上拉加载更多
uniapp-小程序-瀑布流布局-支持下拉刷新上拉加载更多主要思路：将父组件传递进来的list分为两组，lef...
微信小程序填坑之路（八）：下拉刷新动画没有动画效果的原因
下拉刷新与上拉加载的使用下来刷新和上拉加载是一款应用中非常常用的两种功能，微信小程序直接提供了这两种功能，下面来...
关于IOS safari浏览器回退页面不刷新问题
最近用uniapp在做一个对接优量汇广告的功能,因为优量汇广告的特性和客户的需求,致使我必须进页面强制刷新页面来拉...
uniapp组件整理之下拉刷新，上拉加载
作者的话本人使用uniapp开发H5,小程序，app还是有一段时间了，最近稍微有点时间，整理一下一些常用的组件，...
上下拉刷新
一.上拉刷新 1.为什么要做上拉刷新? 想要看一些旧的(更多)数据,就需要上拉刷新,加载更多数据 2.上拉刷新永远...
Weex中调用原生下拉刷新
Weex官方文档提供了下拉刷新和上拉刷新的内建组件和。但是功能单一且和App中...
上拉刷新
仿咸鱼上拉刷新
UITableView的基本使用
一、常用方法二、上拉刷新，下拉刷新 MJRefresh下拉刷新（上拉加载）使用详解MJRefresh下拉刷新三方...