微信小程序上拉加载更多数据
data: {curpage: 1,list: null
},
onLoad: function() {wx.showLoading();var _this = this;/**初始化list*/_this.getAjaxList()
},
/**上拉动作, push数据*/
onReachBottom: function() {console.log(++this.data.curpage);this.getAjaxList();
},
getAjaxList: function() {wx.showLoading({mask: true});var _this = this;wx.request({url: 'https://huyahaha.com/video/listajax',data: {page: _this.data.curpage},header: {'content-type': 'application/json'},success: function(res) {wx.hideLoading() var data1 = _this.data.list;if (data1 == null) {_this.setData({list: res.data.data.data});console.log('first');return;}for (var i = 0; i < res.data.data.data.length; i++) {data1.push(res.data.data.data[i]);}_this.setData({list: data1});}})
}
微信小程序上拉加载更多数据相关推荐
- 微信小程序上拉加载更多
微信小程序上拉加载更多 无论是微信小程序还是其他前端框架,都会遇到上拉加载(懒加载)和下拉刷新这种问题.其实理清楚什么时候请求数据.请求返回的几种情况,那么做这个懒加载就很简单了. 一.首先,固定一个 ...
- 小程序上拉加载更多数据,分类切换状态等实例
发现很多人对小程序的文章比较好奇,购物车那篇居然占了快三分一的访问量,因此写多篇关于小程序的常用功能. 上拉加载更多其实很简单,关键点只是知道上拉加载是变相的分页加载,然后通过初始化记录值和通过数组来 ...
- 微信小程序 上拉加载更多
来个上拉刷新,解决一下上拉问题.上拉小伙伴除了用微信小程序自带的onReachBottom外,最多用的就是scroll-view的上拉加载啦.但是呢,scroll-view上拉加载会一到底部就不断的触 ...
- 小程序上拉加载更多数据
本人也是新手进行刚刚接触小程序然后需要一个上拉加载数据的代码,百度看了一下自己做出一点总结希望可以帮助跟我一样入坑的新手 首先是页面.wxml代码 <!--上拉刷新加载--> <pa ...
- 微信小程序 - 上拉加载更多组件
详情用例看demo,点击下载示例:loadmore 转载于:https://www.cnblogs.com/cisum/p/10430907.html
- 微信小程序上拉加载流程
微信小程序上拉加载流程 1.首先需要在微信官方文档把scroll-view这个方法引入进来,然后使用这个方法,在样式里面写scroll-y,代表的是上下滑动,然后给滑动的盒子一个高度,100vh,然后 ...
- 微信小程序上拉加载 加载更多数据 触底加载 点击加载更多数据
开发需求 进入页面,加载初始数据,当向上拖动页面至底部,自动加载新的数据,即上拉加载更多数据. 演示 index.wxml <!-- 数据列表 --> <view wx:for=&q ...
- 小程序 上拉加载更多之onReachBottom()
在你没有用scroll-view的上拉加载更多时,可以试试onReachBottom()这种方式实现上拉加载更多! xxx.json里面设置: "enablePullDownRefresh& ...
- 微信小程序 上拉加载配置,上拉加载设置不生效问题
一.上拉加载配置 1:json文件配置 "onReachBottomDistance": 50 {"usingComponents": {},"nav ...
最新文章
- 自动驾驶软件工程之全局规划
- 那篇《中国AI觉醒》的文章,让西方的吃瓜群众们对中国展开了疯狂膜拜…不信你看
- 今年下半年,中日合拍的《Git游记》即将正式开机,我将...(上集)
- IT从花钱到赚钱——惠普IT转型记
- 开关和灯泡的对应关系
- oracle ora 16014,ORACLE ORA-16014+ORA-00312 数据库在线重做日志没有归档
- 蓝桥杯 2011年第二届C语言初赛试题(2)
- ​Redis的各种“坑”,你知道多少?
- [转]动软代码生成器之模板功能介绍
- mount error(12): Cannot allocate memory解决办法
- 兼容性测试中如何切换和管理多个JDK版本
- 【读书笔记】IOS帝国-Apple Ⅱ/Mac/皮克斯/iPod/iTunes/iPhone/App Store/iPad,苹果教父:史蒂夫·乔布斯传_2020.02.15
- 从全然不知到融会贯通 ——对小猿搜题手机APP的教学设计分析
- N76E003低功耗的处理
- 我的十年 谨以此文迎接我即将到来的三十而立
- 人工智能计算机技术图片,这是人工智能眼中它自己的样子
- Tornado实现多线程、多进程HTTP服务
- windows开始菜单打不开,搜索打不开
- NaN表示什么?typeof NaN结果是什么?
- 第10章:位同步与Gardner环路(1)