微信小程序下拉刷新/上拉加载更多
来源:互联网 发布:记忆力训练软件哪种好 编辑:程序博客网 时间:2024/06/07 03:15
查看文档,在用page()函数注册页面的时候有这样的两个对象参数用户判断用户在最顶部下拉和到达最底部,
在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,在单独页面设置则对当前页面有效;
看一下json文件
"enablePullDownRefresh": true,
注意这里的true是布尔型而不是字符;
有同学说设置完之后可以下拉,但是看不到图标;
在app.json中这样设置;
这样下拉之后就可以看到了;
每个页面生成的时候已经默认为我们设置了前面提到的onPullDownRefresh函数和onReachBottom函数
直接上代码:
page为全局变量,用在在后面的加载请求,这里要跟后端大哥讨论好请求;
// 下拉刷新 onPullDownRefresh: function () { // 显示顶部刷新图标 wx.showNavigationBarLoading(); var that = this; wx.request({ url: 'https://xxx/?page=0', method: "GET", header: { 'content-type': 'application/text' }, success: function (res) { that.setData({ moment: res.data.data }); // 设置数组元素 that.setData({ moment: that.data.moment }); console.log(that.data.moment); // 隐藏导航栏加载框 wx.hideNavigationBarLoading(); // 停止下拉动作 wx.stopPullDownRefresh(); } }) },上拉加载更多:
/** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { var that = this; // 显示加载图标 wx.showLoading({ title: '玩命加载中', }) // 页数+1 page = page + 1; wx.request({ url: 'https://xxx/?page=' + page, method: "GET", // 请求头部 header: { 'content-type': 'application/text' }, success: function (res) { // 回调函数 var moment_list = that.data.moment; for (var i = 0; i < res.data.data.length; i++) { moment_list.push(res.data.data[i]); } // 设置数据 that.setData({ moment: that.data.moment }) // 隐藏加载框 wx.hideLoading(); } }) },完成。
阅读全文
0 0
- 微信小程序-下拉刷新,上拉加载更多
- 微信小程序开发之 下拉刷新,上拉加载更多
- [微信小程序]下拉刷新上拉加载更多
- 微信小程序下拉刷新/上拉加载更多
- Listview 下拉刷新,上拉加载更多
- 下拉刷新以及上拉加载更多
- 下拉刷新和上拉加载更多
- android 上拉刷新,下拉加载更多
- Listview下拉刷新上拉加载更多
- 下拉刷新,上拉加载更多 PullToRefresh
- 下拉刷新,上拉加载更多ListView
- ListView下拉刷新,上拉加载更多
- Ionic上拉刷新下拉加载更多
- 下拉刷新,上拉加载更多
- ListView下拉刷新上拉加载更多
- RecyclerView 下拉刷新上拉加载更多
- RecyclerView 下拉刷新上拉加载更多
- PullToRefreshListView上拉加载更多,下拉刷新
- IT风投失败案例和教训
- BZOJ2761 [JLOI2011]不重复数字
- Webview设置
- 【智能金融】埃森哲:机器学习在银行业务中的应用
- PHP入门——gii使用
- 微信小程序下拉刷新/上拉加载更多
- JS——拖拽封装
- Hibernate单独使用 (二)表操作深入、主键、自动生成映射文件
- 京东11.11:京麦服务市场交易平台备战实践
- logstash 中报错 ArgumentError invalid byte sequence in UTF-8
- 修饰符
- 【深度】关于天基信息网络综合管控系统建设的思考
- 【SMS】SMS协议介绍之常用缩语
- js下firstElementChild以及firstChild,Children的用法