一个属于你的次元网络基地
 
昨日:篇  今日:篇   总帖:篇   会员:
小狼人Lv92   
微信小程序上拉加载更多     
wxml

<scroll-view
		  	  style="height: 100%;"
		  	  scroll-y
		  	  bindscroll="scroll"
		  	  bindscrolltolower="reactBottom"
		  	  scroll-with-animation> 
需要渲染的内容
</scroll-view>
js


data //加载更多

      isLastPage: false,
      tips: '点击加载更多',
	  page:1,//当前页数
	  limit:18, //每页显示数量

请求getList() {

	 // 发起请求
	         wx.showLoading({
	             title: '加载中',
	         })
 	let that = this;
 	wx.request({
 		url: "",
		success: (res) => {
		       if (res.statusCode!= 200 || res.data.Code != 200) {
		           that.showError()
		       } else {
		           wx.hideLoading()
		           var newData = {}
		           if (res.data.Data.length < that.data.limit) {
		               // 没有数据了,已经是最后一页
		               newData.isLastPage = true;
		               newData.tips = "没有更多了";
		           }
		           // 追加数据
		           newData.navList = this.data.navList.concat(res.data.Data)
		           this.setData(newData)
		       }
		   },
		   fail: () => {
		       that.showError()
		   },
 	})
 },

  showError: function () {
      wx.showToast({
          title: "网络异常",
          icon: 'loading'
      })
  },

  reactBottom () {
    console.log('触底-加载更多');
	  if (this.data.isLastPage) {
	             return
	         }
	         this.setData({ 
	  				page: this.data.page + 1 ,
	  				})
	   this.getList();//请求
  },
    


 2  已被阅读了1617次  楼主 2020-09-19 14:22:44
回复列表

回复:微信小程序上拉加载更多

加入官群 QQ咨询 友链展示 申请友链
粤ICP备18094291号
您的IP:18.224.31.90,2024-11-21 19:39:37,Processed in 0.17642 second(s).
免责声明: 本网不承担任何由内容提供商提供的信息所引起的争议和法律责任。
Powered by HadSky 8.1.0
已有0次打赏
(2) 分享
分享

请保存二维码或复制链接进行分享

取消