uniapp之onReachBottom（上拉触底事件）

背景

要实现功能，用列表上拉加载数据。

 之前，用了滚动区域scroll-view以及它的监听事件@scrolltolower（https://www.cnblogs.com/luyj00436/p/15038958.html）。结果发现方法不是很恰当。主要原因是：区域滚动的性能不如页面的周期函数onReachBottom。

函数名	说明
onReachBottom	页面滚动到底部的事件（不是scroll-view滚到底），常用于下拉下一页数据。

实现

页面中添加onReachBottom上拉触底事件。

export
default {
        // ……
        onReachBottom:
        function() {
            console.log("加载数据的方法");
        },
        //……
    },
    

  使用注意 可在pages.json里定义具体页面底部的触发距离，例如50px。

// ……
{
    "path": "pages/login/login",
    "style": {
        "navigationBarTitleText": "标题名",
        "onReachBottomDistance": 50 // 上拉触底的单位，单位为px
    }
},
// ……