微信小程序下拉刷新

2020-12-02 15:32:08 阅读：149 来源： 互联网

标签：function 微信刷新程序 data loadingData hidden true setData

<scroll-view class='scroll-view-container' scroll-y="true" bindscrolltolower='scrollToLower' bindscrolltoupper='scrollToUpper' lower-threshold='30' upper-threshold='0'> <view class="box" wx:for="{{list.data}}" wx:key="id"> 省略掉这一部分代码，自己添加渲染 </view> <view class='data-loading' hidden='{{hidden}}'> 数据加载中... </view> </scroll-view>

` onl oad: function (options) {
this.loadData(true)
}

scrollToUpper: function(e) {
wx.showToast({
title: '触顶了...',
})
},

scrollToLower: function(e) {
console.info('scrollToLower', e);
var hidden = this.data.hidden,
loadingData = this.data.loadingData,that = this;
if (hidden) {
this.setData({
hidden: false
});
console.info(this.data.hidden);
}
if (loadingData) {
return;
}
this.setData({
loadingData: true
});
// 加载数据,模拟耗时操作

wx.showLoading({  
  title: '数据加载中...',
});

setTimeout(function() {
  that.loadData(true, () => {
    console.log(true)
    that.setData({
      hidden: true,  
      loadingData: false  
    });  
    wx.hideLoading();  
  });  
  console.info('上拉数据加载完成.');  
}, 2000);

loadData: function(tail, callback) {
var that = this;
wx.request({
url: '自己定义。。。。。。',
method: 'GET',
header: {
'content-type': 'application/x-www-form-urlencoded' // 默认值
},
success(res) {
that.setData({
list: res.data
})
// }
if (callback) {
callback();
}
}
})
}`

标签：function,微信,刷新,程序,data,loadingData,hidden,true,setData
来源： https://www.cnblogs.com/hoak/p/14074068.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

微信小程序 下拉刷新

微信小程序下拉刷新