最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

微信小程序下拉刷新界面的实现

来源:懂视网 责编:小采 时间:2020-11-27 22:28:50
文档

微信小程序下拉刷新界面的实现

微信小程序下拉刷新界面的实现:微信小程序下拉刷新界面的实现 利用onPullDownRefresh函数设置下拉刷新功能 一、在app.json中,将window选项中的enablePullDownRefresh设为true window:{ enablePullDownRefresh:true } 或者在要刷新的界面的XXX.jso
推荐度:
导读微信小程序下拉刷新界面的实现:微信小程序下拉刷新界面的实现 利用onPullDownRefresh函数设置下拉刷新功能 一、在app.json中,将window选项中的enablePullDownRefresh设为true window:{ enablePullDownRefresh:true } 或者在要刷新的界面的XXX.jso

微信小程序下拉刷新界面的实现

利用onPullDownRefresh函数设置下拉刷新功能

一、在app.json中,将window选项中的enablePullDownRefresh设为true

"window":{ 
 "enablePullDownRefresh":true 
} 

      或者在要刷新的界面的XXX.json中设置enablePullDownRefresh设为true  

{ 
 "enablePullDownRefresh": true 
} 

二、利用onPullDownRefresh函数定义下拉动作并结合wx.request()向后台请求数据更新

// 下拉刷新 
onPullDownRefresh:function(){ 
 // 动态设置导航条标题 
 wx.setNavigationBarTitle({ 
 title: '' 
 }); 
 wx.showNavigationBarLoading(); //在标题栏中显示加载图标 
 
 let url = app.globalConfig.pre_api + "/api/user/getUserInfo.php";//根据实际情况定义请求的路径 
 let user_id = app.globalData.user_id; //请求的参数 
 let flag = true; 
 let that = this; 
 // 验证参数合法性 
 flag = app.isParameterdValidate(user_id,'该用户不存在'); 
 if(flag == false){ return; } 
 // 发送请求 
 wx.request({ 
 url: url, 
 data: { 
 user_id: user_id, 
 }, 
 method: 'POST', 


 //请求成功的函数处理 
 success: function (res) { 
 app.globalData.balance = res.data.data.balance; //对数据进行更新 
 that.setData({ 
 balance: app.globalData.balance, 
 }); 
 }, 
 fail: function (res) { //请求失败的处理 
 console.log(res.data.msg); 
 }, 
 complete: function () { 
 wx.hideNavigationBarLoading(); //完成停止加载 
 // 动态设置导航条标题 
 wx.setNavigationBarTitle({ 
 title: '我的' 
 }); 
 wx.stopPullDownRefresh(); //停止下拉刷新 
 } 
}) 

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

微信小程序下拉刷新界面的实现

微信小程序下拉刷新界面的实现:微信小程序下拉刷新界面的实现 利用onPullDownRefresh函数设置下拉刷新功能 一、在app.json中,将window选项中的enablePullDownRefresh设为true window:{ enablePullDownRefresh:true } 或者在要刷新的界面的XXX.jso
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top