uni-apダウンリフレッシュ

onPull Down Refresh
OPullDownRefresh処理関数(onLoadなどのライフサイクル関数と同じレベル)をjsで定義し、このページのユーザのドロップダウンリフレッシュイベントを傍受する.

が必要です  pages.json で、現在のページのpagesノードを見つけ、  style オプションで開く  enablePullDownRefresh

例
pages.json

{
    "pages": [
        {
            "path": "pages/index/index",
            "style": {
                "navigationBarTitleText": "uni-app",
                "enablePullDownRefresh": true,  //   true            
                "backgroundTextStyle": "dark"  //   loading    ，    dark/light
            }
        }
    ],
    "globalStyle": {
        "navigationBarTextStyle": "white",
        "navigationBarBackgroundColor": "#0faeff",
        "backgroundColor": "#fbf9fe"
    }
}

データリフレッシュ処理が完了したら、uni.stopPullDownRefresh 現在のページのドロップダウンのリフレッシュを停止できます.

uni.startPullDown Refresh(OBJECT)
ドロップダウンリフレッシュを開始し、起動後にドロップダウンを起動してアニメーションを更新します.効果はユーザーの手動ドロップダウンと一致します.
OBJECTパラメータ説明
パラメータ名
タイプ
必要とする
説明
success
Function
いいえ、
インターフェースの呼び出しに成功したコールバック
fail
Function
いいえ、
インターフェースの呼び出しに失敗したコールバック関数
complettee
Function
いいえ、
インターフェース呼び出しが完了したコールバック関数(コール成功、失敗はいずれも実行されます)
success戻りパラメータ説明
パラメータ
タイプ
説明
エルMsg
String
インターフェースの呼び出し結果
uni.stop Pull DownRefresh()
現在のページの更新を停止します.
index.vue

export default {
    data: {
        text: 'uni-app'
    },
    onLoad: function (options) {
        setTimeout(function () {
            console.log('start pulldown');
        }, 1000);
        //uni.startPullDownRefresh();
        uni.startPullDownRefresh({
            success：function(res){
                console.log(res);  //success       
            }
        });  //                       
    },
    onPullDownRefresh() {
        //             ，              
        console.log('refresh');
        setTimeout(function () {
            uni.stopPullDownRefresh();  //        
        }, 1000);
    }
}

もっと先に資料を切ったらuni-ap公式サイトで文書を調べられます.http://uniapp.dcloud.io/api/ui/pulldown