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

 }

},

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 最近几个月因为公司的业务需求,一直在折腾小程序,从开始的完全不熟悉,到后面被各种坑折磨,是时候写一篇总结了,避免下...
    ArmorVon阅读 1,966评论 1 1
  • 下拉刷新功能 1.首先要在pages.json里面配置,给你要实现下拉刷新的页面增添这个字段,让页面支持下拉刷新。...
    似朝朝我心阅读 10,133评论 0 4
  • 写在有道笔记上,uni项目实践,转过来格式不太好看,先做此记录吧。 看了uniapp多端开发,感觉不错,还有模板商...
    YellowPoint阅读 2,570评论 0 1
  • uni-app的基本使用 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 un...
    千山鸟语阅读 765评论 0 1
  • 1.sass/scss和less区别?sass是一种动态样式语言,又称为缩排语法,比css多出好些功能(比如变量、...
    Angel_6c4e阅读 883评论 0 14

友情链接更多精彩内容