【微信小程序学习笔记】下拉刷新上拉加载的两种姿势

1. 在js文件里直接重写"onPullDownRefresh"和"onReachBottom"方法即可；

   • 文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html?t=20161107

   • xml

     
       .........
     
     

   • js

     onPullDownRefresh: function() {
       // Do something when pull down.
       console.log('刷新');
      },
     
      onReachBottom: function() {
       // Do something when page reach bottom.
       console.log('circle 下一页');
      },
     

2. 在scroll-view里设定bindscrolltoupper和bindscrolltolower，然后在js里写好触发事件后对应的方法。[注意，使用这个模式一定要设置scroll-view的高度，100%不知道为什么设置后没效果，建议使用100vh]

   • 文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/component/scroll-view.html?t=20161107

   • xml

      
       ..........
     
     

   • js

     onPullDownRefresh: function() {
       // Do something when pull down.
       console.log('刷新');
      },
     
      onReachBottom: function() {
       // Do something when page reach bottom.
       console.log('circle 下一页');
      },