uni-app之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
    }
},
// ……