這篇文章主要為大家詳細介紹了微信小程序加載更多,點擊查看更多功能,具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實例為大家分享了微信小程序加載更多功能實現的具體代碼，供大家參考，具體內容如下

微信小程序加載更多，是將之前的數據和點擊加載后請求的數據用concat拼接在一起并執行setData，下面是一個簡單的栗子：

index.wxml代碼如下

{{name.content}} {{loadText}}

加載更多按鈕綁定setLoading

index.js文件代碼如下

Page({ data: { loadText:'加載更多', duanziInfo:[] }, //初始化請求 onLoad: function (res) { var that = this //內容 wx.request({ url: 'http://xxxxx.com/index.php?m=Industry&a=getDuanziInfo', data: {token:token}, method: 'GET', success: function(res){ console.log(res.data.result) //打印初始化數據 that.setData({ duanziInfo:res.data.result }) } }) }, //加載更多 setLoading: function(e) { var duanziInfoBefore = this.data.duanziInfo var that = this wx.showToast({ //期間為了顯示效果可以添加一個過度的彈出框提示“加載中” title: '加載中', icon: 'loading', duration: 200 }) wx.request({ url: 'http://xxxxx.com/index.php?m=Industry&a=getDuanziInfo', data: {token:token}, method: 'GET', success: function(res){ console.log(duanziInfoBefore.concat(res.data.result)) //打印拼接之后數據 that.setData({ loadText:"數據請求中", loading:true, duanziInfo:duanziInfoBefore.concat(res.data.result), loadText:"加載更多", loading:false, }) } }) } })

初始化和加載更多中的打印數據如下

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持PHP中文網。

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的php点击查看更多,微信小程序加载更多和点击查看更多功能介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。