mpvueアプレットはどのようにプルダウンリフレッシュ、プルアップロードを有効にしますか？

https://developers.weixin.qq.com/miniprogram/dev/api/pulldown.html#onpulldownrefresh applet API

WeChatミニプログラムのプル
ダウンロードおよびプルアップリフレッシュWeChatミニプログラムのプル
ダウンロードおよびプルアップリフレッシュ2つの実装メソッド：onPullDownRefreshおよびonReachBottomメソッドは、ミニプログラムプルダウンロードおよびプルアップリフレッシュを実装します。

まず、jsonファイルにwindow属性を設定します

の属性	タイプ	説明文
enablePullDownRefresh	ブール	プルダウンリフレッシュを有効にするかどうかは、ページの関連イベント処理機能を参照してください。

jsでonPullDownRefreshメソッドとonReachBottomメソッドを設定する

の属性	タイプ	説明文
onPullDownRefresh	関数	ページ関連のイベント処理機能-モニターのユーザープルダウンアクション
onReachBottom	関数	ページがプルアップされたときにbottomイベントをトリガーする処理関数

// 全局开启下拉刷新在最外层的main.js下

 window: {
  enablePullDownRefresh: true,
}

// 局部开启下拉刷新,就在文件下的main.js

export default {
  config: {
    "enablePullDownRefresh": true,
  }
}

// 下拉刷新方法，与methods方法同级

async onPullDownRefresh() {
  // to doing..
  // 停止下拉刷新
  wx.stopPullDownRefresh();
},

// 上拉加载，拉到底部触发
onReachBottom() {
  // 到这底部在这里需要做什么事情
  this.loadMore();
},

私のGitHubブログ、星https://github.com/liangfengbo/frontendなどの多くのコンテンツを見ることができます

おすすめ