微信小程式之實現下拉重新整理效果

2021-10-12 08:53:51 字數 435 閱讀 4305

主要 api

**實現

page.js

page()

// 獲取新資料

this

.getdata()

;},// 網路請求,獲取資料

getdata()

})},

// 頁面相關事件處理函式--監聽使用者下拉動作

onpulldownrefresh:

function()

})

此外,除了上面的下拉重新整理,有時候可能是在某個事件進行時觸發重新整理動作,此時可以呼叫wx.startpulldownrefresh(object object)此api的作用是:開始下拉重新整理。呼叫後觸發下拉重新整理動畫,效果與使用者手動下拉重新整理一致。

微信小程式下拉重新整理

使用了幾個方案,發現幾個注意點需要注意一下 方案一 整個布局只使用乙個scroll view,類目和列表放到該控制項下,這種狀態下重新整理可以,但是類目不能固定在頂部 方案二 整個布局使用乙個scroll view,裡面再巢狀使用scroll view,這種狀態下上拉幅度大的時候也會觸發下拉重新整理...

微信小程式 下拉重新整理

步驟一注意 enablepulldownrefresh 允許下拉重新整理 backgroundtextstyle 重新整理動畫中那個點的顏色 ios 值可以為dark light 步驟二 js檔案配置 頁面相關事件處理函式 監聽使用者下拉動作 onpulldownrefresh function 下...

微信小程式下拉重新整理

一 配置需要下拉重新整理的頁面的json檔案 enablepulldownrefresh true,函式 頁面相關事件處理函式 監聽使用者下拉動作 onpulldownrefresh function 二 onpulldownrefresh對scroll view元素不起作用 針對scroll vi...