微信小程序组件怎么配置下拉刷新上拉加载

微信小程序提供了下拉刷新和上拉加载的组件，可以通过配置页面的json文件来实现。具体步骤如下：

1. 在页面的json文件中添加配置：

{
  "enablePullDownRefresh": true,
  "backgroundTextStyle": "dark",
  "navigationBarTitleText": "示例页面",
  "usingComponents": {}
}

其中，`enablePullDownRefresh` 表示是否开启下拉刷新功能，`usingComponents` 是引用的自定义组件列表。

2. 在页面的js文件中添加事件处理函数：

Page({
  onPullDownRefresh: function () {
    // 下拉刷新事件处理函数
  },
  onReachBottom: function () {
    // 上拉加载事件处理函数
  }
})

其中，`onPullDownRefresh` 是下拉刷新事件处理函数，`onReachBottom` 是上拉加载事件处理函数。

3. 在页面的wxml文件中添加组件标签：

<scroll-view scroll-y="true" class="container" bindscrolltolower="onReachBottom" style="height: {{scrollHeight}}px;" bindscrolltoupper="onPullDownRefresh" enable-back-to-top="{{true}}">
  <!-- 页面内容 -->
</scroll-view>

其中，`scroll-view` 是可滚动视图区域组件，`bindscrolltolower` 是上拉加载事件绑定，`bindscrolltoupper` 是下拉刷新事件绑定。

通过以上配置，就可以实现微信小程序的下拉刷新和上拉加载功能了。