【微信小程序】页面上拉触底事件的处理函数
生活随笔
收集整理的這篇文章主要介紹了
【微信小程序】页面上拉触底事件的处理函数
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
官方說明:https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#頁面事件處理函數
在小程序中實際使用:
.js
/*** 頁面的初始數據*/data: {searchSongList: [], //放置返回數據的數組isFromSearch: true, // 用于判斷searchSongList數組是不是空數組,默認true,空的數組searchPageNum: 1, // 設置加載的第幾次,默認是第一次callbackcount:5, //返回數據的個數}, /*** 獲取數據*/fetchSearchList: function () {App.HttpService.xxxxxxx(Api)({//xx:xxxxxx,//……//(參數 包括加載數據 返回數據個數等)}).then((res) => {//判斷是否有數據,有則取數據if (res.rows !== null && res.rows.length>0){let searchList = [];//如果isFromSearch是true從data中取出數據,否則先從原來的數據繼續添加this.data.isFromSearch ? searchList = res.rows : searchList = this.data.searchSongList.concat(res.rows);//(數據處理一下 然后setData)}).catch((error) => {console.log('error', error)})}, /*** 頁面上拉觸底事件的處理函數*/onReachBottom: function () {let that = this;that.setData({searchPageNum: that.data.searchPageNum + 1, //每次觸發上拉事件,把searchPageNum+1isFromSearch: false //觸發到上拉事件,把isFromSearch設為為false});that.fetchSearchList();},總結
以上是生活随笔為你收集整理的【微信小程序】页面上拉触底事件的处理函数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: g_tk算法详解
- 下一篇: 微信支付 v3 下单获取prepay_i