【微信小程序】页面上拉触底事件的处理函数
生活随笔
收集整理的這篇文章主要介紹了
【微信小程序】页面上拉触底事件的处理函数
小編覺(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)題。
- 上一篇: g_tk算法详解
- 下一篇: 微信支付 v3 下单获取prepay_i