浅谈小程序中实现下拉刷新与加载更多效果的方法

浅谈小程序中实现下拉刷新与加载更多效果的方法
本篇文章给大家介绍一下微信小程序中实现下拉刷新与加载更多效果的几种方法，几乎所有APP里都有下拉刷新和加载更多，希望大家可以掌握！

本篇文章给大家介绍一下微信小程序中实现下拉刷新与加载更多效果的几种方法，几乎所有app里都有下拉刷新和加载更多，希望大家可以掌握！

【相关学习推荐：小程序开发教程】

##下拉刷新

实现下拉刷新目前能想到的有两种方式

1、调用系统的API，系统有提供下拉刷新的API接口

2、监听scroll-view,自定义下拉刷新，还记得scroll-view里面有一个bindscrolltoupper属性吗？忘记请自行回顾上一篇 微信小程序实战篇-电商（二）当滚动到顶部/左边，会触发 scrolltoupper 事件，所以我们可以利用这个属性，来实现下拉刷新功能。

两种方法都可以，第一种比较简单，易上手，毕竟一些逻辑系统已经给你处理好了，第二种适合那种想要自定义下拉刷新样式的小程序，我们讲解电商，就用第一种，系统提供的就好，主要是教会大家怎么用。以首页为例

1、home.json 参数配置

"enablePullDownRefresh": true