ミニプログラムをプルダウンして更新する方法

ミニ プログラムでプルダウンして更新する方法

ミニ プログラムでは、ユーザーの上部にあるプルダウンして更新します。デフォルトでは無効になっていますが、enable に設定する必要があります。app.json の設定はすべてのページに有効で、単一ページの設定は現在のページに有効です。

推奨学習: 小規模プログラム開発

具体的な実装方法は次のとおりです:

1. json ファイルを設定します

"enablePullDownRefresh": true,

2. ドロップダウン更新の JS コードを記述します

//下拉刷新
onPullDownRefresh:function()
{
    wx.showNavigationBarLoading() //在标题栏中显示加载
    //模拟加载
    setTimeout(function()
    {
        // complete
        wx.hideNavigationBarLoading() //完成停止加载
        wx.stopPullDownRefresh() //停止下拉刷新
    },1500);
},

wx.hideNavigationBarLoading() これら 2 つの文は、小菊の表示と非表示を制御するために使用されます。遅延時間は setTimeout メソッドを通じて書き込まれますが、このメソッドはネットワークの読み込みにかかる時間をシミュレートでき、ネットワークの読み込みが完了したら、プルダウンの更新 wx.stopPullDownRefresh() を停止する必要があります。

PHP 中国語 Web サイト、多数の無料 navicat チュートリアル 、学習へようこそ!

以上がミニプログラムをプルダウンして更新する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。