mpvue微信小程序onReachBottom上拉加载失效问题

mpvue微信小程序onReachBottom上拉加载失效问题
全局配置
1、在最外层的app.json中的window中配置enablePullDownRefresh

"window":{
	"enablePullDownRefresh": true, // 是否开启下拉刷新
    "backgroundTextStyle":"dark" ,  // 下拉 loading 的样式，仅支持dark/light
    "onReachBottomDistance": 150  // 页面触底距离 单位为px
}

2、在需要的page页面中与methods同级添加onReachBottom 方法

<script>
export default {
  data () {
    return {
    }
  },
  // 实例创建完成后调用数据
  created () {
  },
  // 上拉触底事件
  onReachBottom () {
  },
  // 下拉刷新事件
  onPullDownRefresh () {
  },
  methods: {
    }
  }
}
</script>

单页配置
局部开启下拉刷新,就在文件下的main.js

export default {
  config: {
    "enablePullDownRefresh": true,
  }
}

onReachBottom上拉加载失效原因：
1、配置问题
2、加载列表外层盒子设置了高度