日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

【微信小程序】页面上拉触底事件的处理函数

發(fā)布時(shí)間:2024/5/15 编程问答 93 豆豆
生活随笔 收集整理的這篇文章主要介紹了 【微信小程序】页面上拉触底事件的处理函数 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.


官方說(shuō)明:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#頁(yè)面事件處理函數(shù)

在小程序中實(shí)際使用:

.js

/*** 頁(yè)面的初始數(shù)據(jù)*/data: {searchSongList: [], //放置返回?cái)?shù)據(jù)的數(shù)組isFromSearch: true, // 用于判斷searchSongList數(shù)組是不是空數(shù)組,默認(rèn)true,空的數(shù)組searchPageNum: 1, // 設(shè)置加載的第幾次,默認(rèn)是第一次callbackcount:5, //返回?cái)?shù)據(jù)的個(gè)數(shù)}, /*** 獲取數(shù)據(jù)*/fetchSearchList: function () {App.HttpService.xxxxxxx(Api)({//xx:xxxxxx,//……//(參數(shù) 包括加載數(shù)據(jù) 返回?cái)?shù)據(jù)個(gè)數(shù)等)}).then((res) => {//判斷是否有數(shù)據(jù),有則取數(shù)據(jù)if (res.rows !== null && res.rows.length>0){let searchList = [];//如果isFromSearch是true從data中取出數(shù)據(jù),否則先從原來(lái)的數(shù)據(jù)繼續(xù)添加this.data.isFromSearch ? searchList = res.rows : searchList = this.data.searchSongList.concat(res.rows);//(數(shù)據(jù)處理一下 然后setData)}).catch((error) => {console.log('error', error)})}, /*** 頁(yè)面上拉觸底事件的處理函數(shù)*/onReachBottom: function () {let that = this;that.setData({searchPageNum: that.data.searchPageNum + 1, //每次觸發(fā)上拉事件,把searchPageNum+1isFromSearch: false //觸發(fā)到上拉事件,把isFromSearch設(shè)為為false});that.fetchSearchList();},

總結(jié)

以上是生活随笔為你收集整理的【微信小程序】页面上拉触底事件的处理函数的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。