微信小程式的下拉重新整理事件

2021-10-04 18:38:10 字數 545 閱讀 2201

在使用下拉重新整理介面的時候,有以下幾個步驟:

重置資料陣列

.將當前頁碼設定為1

.再次傳送請求

.關閉下拉重新整理的視窗

如下所示:首先在對於的json檔案當中定義屬性:表示允許重新整理事件,並且將樣式設定為黑色,

"enablepulldownrefresh"

:true

,"backgroundtextstyle"

:"dark"

隨後在js檔案當中使用重新整理這個事件:

onpulldownrefresh()

)//重置頁碼

this

.queryparmams.pagenum=1;

//傳送新的請求

this

.getgoodslist()

;}

最後在對應獲取介面資料的方法當中關閉下拉重新整理的視窗

wx.

stoppulldownrefresh()

;

微信小程式下拉重新整理

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

微信小程式 下拉重新整理

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

微信小程式下拉重新整理

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