微信小程序中的加載更多(即列表分頁)

2021-04-20    分類: 微信小程序

1.app.json中:

"window": {

  "enablePullDownRefresh": true //是否開啟當(dāng)前頁面下拉刷新

}

2.wxml中:

          {{item.title}}     {{item.inputtime}}              {{item.content}}      

3.js中:

data: {     hidden: true,                          //隱藏表單控件         page: 1,                              //當(dāng)前請求數(shù)據(jù)是第幾頁         pageSize: 10,                          //每頁數(shù)據(jù)條數(shù)         hasMoreData: true,                      //上拉時是否繼續(xù)請求數(shù)據(jù),即是否還有更多數(shù)據(jù)         contentlist: [],                        //獲取的數(shù)據(jù)列表,以追加的形式添加進去 }, // 獲取分頁列表 getInfo: function (message) {     var that = this;     wx.showNavigationBarLoading()              //在當(dāng)前頁面顯示導(dǎo)航條加載動畫     wx.showLoading({                        //顯示 loading 提示框         title: message,     })     wx.request({         url: 'http://localhost:88/wechat/test.php',    //本地設(shè)置不校驗合法域名         data: { page: that.data.page, count: that.data.pageSize },         method: 'post',         header: { 'content-type': 'application/x-www-form-urlencoded' },         success: function (res) {             var contentlistTem = that.data.contentlist;             if (res.data.length > 0) {                 wx.hideNavigationBarLoading()     //在當(dāng)前頁面隱藏導(dǎo)航條加載動畫                 wx.hideLoading()               //隱藏 loading 提示框                 if (that.data.page == 1) {                     contentlistTem = []                 }                 var contentlist = res.data;                 if (contentlist.length < that.data.pageSize) {                     that.setData({                         contentlist: contentlistTem.concat(contentlist),                         hasMoreData: false                     })                 } else {                     that.setData({                         contentlist: contentlistTem.concat(contentlist),                         hasMoreData: true,                         page: that.data.page + 1                     })                 }             }         },         fail: function (res) {             wx.hideNavigationBarLoading()             wx.hideLoading()             fail()         },         complete: function (res) {         },     }) }, /** * 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成 */ onLoad: function (options) {     // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù)     var that = this     that.getInfo('正在加載數(shù)據(jù)...') }, /** * 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作 */ onPullDownRefresh: function () {     this.data.page = 1     this.getInfo('正在刷新數(shù)據(jù)') }, /** * 頁面上拉觸底事件的處理函數(shù) */ onReachBottom: function () {     if (this.data.hasMoreData) {         this.getInfo('加載更多數(shù)據(jù)')     } else {         wx.showToast({             title: '沒有更多數(shù)據(jù)',         })     } } 

分享題目:微信小程序中的加載更多(即列表分頁)
鏈接分享:http://m.kartarina.com/news/109097.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項目有微信小程序

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成都seo排名網(wǎng)站優(yōu)化

微信小程序知識

行業(yè)建站

主站蜘蛛池模板: 久久无码av亚洲精品色午夜| 国产50部艳色禁片无码| 亚洲精品无码鲁网中文电影| 中文字幕无码久久精品青草| 无套内射在线无码播放| 免费无码精品黄AV电影| 国产aⅴ激情无码久久| 免费无码肉片在线观看| 亚洲AV日韩AV永久无码免下载 | 中文字幕无码乱码人妻系列蜜桃| 影音先锋中文无码一区| 亚洲永久无码3D动漫一区| 一本大道在线无码一区| 无码人妻精品一区二区在线视频| 日韩经典精品无码一区| 无码专区狠狠躁躁天天躁| 性饥渴少妇AV无码毛片| 午夜不卡无码中文字幕影院| 波多野结衣AV无码| 精品人妻无码一区二区三区蜜桃一 | 亚洲国产一二三精品无码| 无码人妻aⅴ一区二区三区| 免费精品无码AV片在线观看| 中文字幕无码毛片免费看| 伊人久久大香线蕉无码麻豆| 亚洲爆乳AAA无码专区| 无码aⅴ精品一区二区三区浪潮| mm1313亚洲精品无码又大又粗| 亚洲av永久中文无码精品综合 | 国产精品三级在线观看无码| 国产成人年无码AV片在线观看| 中文字幕精品三区无码亚洲| 无码专区久久综合久中文字幕| 亚洲AV永久纯肉无码精品动漫| 亚洲色无码专区在线观看| 中文一国产一无码一日韩| 国产成人无码AⅤ片在线观看| 少妇无码太爽了不卡在线观看| 一区二区三区无码高清| 韩日美无码精品无码| 中文字幕精品无码一区二区三区|