暫無資料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是全...