前言:哈喽,大家好,我是码喽的自我修养!今天给大家分享uni-app框架 vue实现上拉加载和下拉刷新功能!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到带大家,欢迎收藏 关注哦 ?
??文章目录
一、实现上拉加载更多
1.配置pages.json
2.声明onReachBottom事件处理函数
3.进行新旧数据的拼接处理
4.使用节流阀进行优化
二、实现下拉刷新
1.配置pages.json
2.声明onPullDownRefresh事件处理函数
3.修改getGoodsList函数并调用结束刷新API
一、实现上拉加载更多
1.配置pages.json
打开项目根目录中的pages.json
配置文件,为subPackages
分包中的商品goods_list
页面配置上拉触底的距离: