微信小程序如何实现局部下拉刷新上拉加载

微信小程序开发过程中，我们经常会遇到需要实现局部下拉刷新，上拉加载的功能。很多同学看到上拉刷新下拉加载，会很自然得想到配置页面配置文件"enablePullDownRefresh": true实现。但这个是页面整体级别的，局部的需要采用scroll-view来实现。具体配置代码如下。

<scroll-view 
    scroll-y 
    refresher-triggered = '{{isLoading}}' // 用这个控制下拉刷新的状态
    refresher-enabled="{{true}}" // 开启下拉刷新
    refresher-threshold="{{80}}" // 触发下拉刷新阈值
    refresher-background="#E3E3E3"  // 下拉刷新背景色
    // 下拉刷新回调，为啥不用bindrefresherpulling，因为它触发比较频繁
    bindrefresherrefresh="pullDownRefresh" 
    bindscrolltolower="loadMore" // 上拉加载回调
>

</scroll-view>

另外，需要注意的是scroll-view 需要设置高度，可以利用绝对定位，来设置可滚动区域。