開發小程式分頁功能遇到的坑

2021-10-12 02:45:42 字數 2301 閱讀 3263

暫無資料view

>

wx:else

scroll-y

="true"

style

="height

: 100vh

" bindscrolltolower

="getmorelist"

>

wx:for

="}"

wx:key

="index"

>

// ...內容省略

)// 網路請求工具

const api =

require

('../../../config/api.js'

)// api檔案

const size =10;

// 每頁資料量

let current =1;

// 當前頁數

let maxpage =0;

// 最大頁數

page(,

getlist()

,(res)

=>

= res;

if(current ===

1&& records.length ===0)

)return

}let

= that.data

maxpage = pages;

let recordlist = current ===

1? list : list.

concat

(records)

that.

setdata()

},()

=>)}

,getmorelist()

},/** * 生命週期函式--監聽頁面載入

*/onload:

function

(options)

,/**

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

*/onpulldownrefresh:

function()

})看似沒問題的分頁邏輯**,存在3個大坑

解決方法1:

onload:

function

(options)

,

解決方法2:

page(,

current:1,

// 運用時this.current

maxpage:

0// 運用時this.maxpage

})

解決方法:(view替換scroll-view)

wx:if

="}"

>

暫無資料view

>

wx:else

style

="height

: 100vh

">

wx:for

="}"

wx:key

="index"

>

// ...內容省略

view

>

view

>

js:

/**

* 頁面上拉觸底事件的處理函式

*/onreachbottom:

function()

},

如果乙個頁面,每條item高度較小。第一頁載入完後無法撐滿整個頁面的高度,這樣將永遠無法觸發頁面底部載入更多的方法

解決方法:增加每頁的載入量,size增大

const size =15;

// 每頁資料量

使用mpvue 開發小程式 遇到的坑

閒著沒事弄個小程式練練手 整理下方便日後看 先整理乙個小坑 小程式不支援select 標籤,剛好ui 外掛程式也沒得,看了下小程式是用picker 替代了select 看著api 就寫了乙個不過對應下面的 option 是空白的 原來是range 這個屬性的問題 當前訊息 在data 初始化 sel...

ThinkPHP開發中遇到的小坑

tp不得不說是現在來說最好用的框架了,但是也不能不承認它還是有一些小坑需要填了。1.坑爹的字段快取機制 thinkphp為了高效的讀取資料庫,更快的開啟網頁,加入了字段快取這個機制,其實來說是挺好的乙個機制,就是!你別把這個機制預設開啟啊!預設開啟了字段快取後,如果你做二次開發,要修改資料庫裡的字段...

小程式 小程式錄音功能的開發

最近做了乙個新年賀卡專案,專案除了平常的選擇賀卡和祝福語以外,還多了一項 錄下自己的祝福語音。這就有一丟丟為難我了,畢竟沒寫過,想著前同事寫的時候好像踩了不少坑,我也擔心我會踩坑。不過,真上手寫了,發現好像還不難。首先,我們在官網文件中找到與錄音有關的api,其中,recordermanager是全...