微信小程序怎么实现下拉刷新界面
发表于:2024-10-19 作者:千家信息网编辑
千家信息网最后更新 2024年10月19日,这篇文章主要介绍"微信小程序怎么实现下拉刷新界面"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"微信小程序怎么实现下拉刷新界面"文章能帮助大家解决问题。微信小程
千家信息网最后更新 2024年10月19日微信小程序怎么实现下拉刷新界面
这篇文章主要介绍"微信小程序怎么实现下拉刷新界面"的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇"微信小程序怎么实现下拉刷新界面"文章能帮助大家解决问题。
微信小程序下拉刷新界面的实现
利用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(); //停止下拉刷新 } })
关于"微信小程序怎么实现下拉刷新界面"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注行业资讯频道,小编每天都会为大家更新不同的知识点。
下拉
界面
程序
函数
标题
知识
更新
动态
参数
实际
数据
行业
处理
导航
不同
合法
实用
成功
内容
功能
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
竹溪公司软件开发
算命软件开发公司有那些
中国网络技术的进步
迷你世界重要的服务器
网络安全法是以第号
怀柔区定制软件开发调试
服务器最大一块盘
邹平机械软件开发咨询
基岩服务器怎么进去
龙奔服务器
sql语句加入多个数据库
工业网络技术有前景吗
预算管理系统数据库结构
数据库安全公司排名
芸众商城软件开发
软件开发工作量一人天多少钱
想开发可以搜索和录入的数据库
毕业实习手册计算机网络技术
组态王与高版本数据库
塔科夫怎么切服务器
网络安全教育的主题
网络安全案例名称
软件开发工作日志
软件开发缩写词
事业单位网络安全演练
apexea无法连接服务器
计算机软件开发公司
奉贤区网络技术行业
lncrna 原始数据库
win7 建服务器