網(wǎng)站制作NEWS
頁(yè)面導(dǎo)航跳轉(zhuǎn)并傳參,上拉觸底加載下一頁(yè)數(shù)據(jù),下拉刷新數(shù)據(jù)
說(shuō)明:本次跳轉(zhuǎn)傳參改變的是導(dǎo)航欄的標(biāo)題,可通過(guò)使用wx.setNavigationBarTitle(Object object)實(shí)現(xiàn)。
在index.vue頁(yè)面與詳情頁(yè)(infor.vue)中進(jìn)行操作:
跳轉(zhuǎn)傳參于index.vue頁(yè)面實(shí)現(xiàn):
使用navigator進(jìn)行跳轉(zhuǎn),通過(guò)url參數(shù)傳遞所需傳遞的信息至目標(biāo)頁(yè)面。
在infor.vue頁(yè)面中,實(shí)現(xiàn)如下步驟:
1. 建立數(shù)組,接收并存儲(chǔ)傳遞過(guò)來(lái)的數(shù)據(jù)。
2. 將接收的數(shù)據(jù)存儲(chǔ)于data中的infor數(shù)組,以便后續(xù)使用。
3. 頁(yè)面渲染完成時(shí)加載數(shù)據(jù)。
額外技巧:在編譯模式下添加編譯模式,確保每次啟動(dòng)頁(yè)面直接跳轉(zhuǎn)至當(dāng)前頁(yè)面,避免經(jīng)過(guò)首頁(yè)。
獲取數(shù)據(jù)步驟如下:
在data中定義四個(gè)關(guān)鍵數(shù)據(jù)節(jié)點(diǎn):
1. 數(shù)組用于存放數(shù)據(jù)。
2. 當(dāng)前數(shù)據(jù)頁(yè)標(biāo)識(shí)。
3. 每頁(yè)顯示數(shù)據(jù)條數(shù)。
4. 分頁(yè)下的總數(shù)據(jù)條數(shù),以計(jì)算總頁(yè)數(shù)。
實(shí)現(xiàn)上拉加載數(shù)據(jù)功能:
1. 設(shè)置上拉觸底距離。
2. 觸底事件中,增加當(dāng)前數(shù)據(jù)頁(yè)標(biāo)識(shí)。
3. 調(diào)用數(shù)據(jù)加載方法。
4. 實(shí)施節(jié)流處理。
添加加載顯示與隱藏邏輯。
在infor.vue頁(yè)面json文件中設(shè)置onReachBottomDistance,并在infor.js文件中處理onReachBottom事件。
節(jié)流處理中定義isloading變量,確保數(shù)據(jù)加載流暢。
最后檢查是否存在下一頁(yè)數(shù)據(jù)。
實(shí)現(xiàn)下拉刷新功能:
在調(diào)用數(shù)據(jù)加載方法時(shí),傳入回調(diào)函數(shù)用于重置數(shù)據(jù)并重新發(fā)起網(wǎng)絡(luò)請(qǐng)求。
多重隨機(jī)標(biāo)簽