今日頭條小程序ttstartpulldownrefresh-badge-text100mapcontext

請使用字節宿主APP掃碼

開發者工具中預覽

【代碼示例 1】：無參數示例

預期表現：正常觸發/停止頁面刷新。

<!-- index.ttml --><button bindtap="startPullDownRefresh">點擊觸發頁面下拉刷新(無參）</button><button bindtap="stopPullDownRefresh">點擊停止頁面下拉刷新(無參）</button>

// index.jsPage({  startPullDownRefresh() {    tt.startPullDownRefresh();  },  stopPullDownRefresh() {    tt.stopPullDownRefresh();  },});

// index.json{  "enablePullDownRefresh": true}

【代碼示例 2】：有參數示例

預期表現：正常觸發/停止頁面刷新，并給出成功或失敗提示。

<!-- index.ttml --><button bindtap="startPullDownRefresh">點擊觸發頁面下拉刷新</button><button bindtap="stopPullDownRefresh">點擊停止頁面下拉刷新</button>

// index.jsPage({  startPullDownRefresh() {    tt.startPullDownRefresh({      success: function (res) {        tt.showToast({ title: "頁面開始刷新" });      },      fail: function (err) {        tt.showModal({          title: "頁面刷新失敗",          content: err.errMsg,          showCancel: false,        });      },      complete: function (res) {        console.log(`stopPullDownRefresh調用完成`);      },    });  },  stopPullDownRefresh() {    tt.stopPullDownRefresh({      success: function (res) {        tt.showToast({ title: "頁面停止刷新" });      },      fail: function (err) {        tt.showModal({          title: "停止刷新失敗",          content: err.errMsg,          showCancel: false,        });      },      complete: function (res) {        console.log(`stopPullDownRefresh調用完成`);      },    });  },});

// index.json{  "enablePullDownRefresh": true}