天津小程序开发--微信小程序如何实现下拉刷新上滑加载
微信小程序是可以做到下拉刷新的,使用的函数是:onPullDownRefresh,要想下拉刷新什么数据,只需要在这个函数里面写入被刷新的函数即可。
但是有一点需要说明,这个下拉刷新并不是默认开启的,即便已经完美定义了onPullDownRefresh,那么这个开关在什么地方呢?这就需要我们设置需要刷新页面的json里面配置一个参数:"enablePullDownRefresh": true,配置了这个参数的下拉页面才会生效。
微信小程序的上滑加载
在微信小程序里面其实是没有分页控件的,也就不能像网页一样点击页面跳转到某一页。这时我们需要使用上滑加载来实现一页一页的加载,当我们的内容到了底部以后,就会加载第二页的内容。那么这个上滑加载是如何实现的呢?
这里我们只介绍重点:
1.设置初始加载函数
初始加载函数的意思就是,当页面进来显示的时候,要显示一页的内容,这一项是必须的。
2.配置onReadBottom函数
配置触发小程序到底后加载数据,这里我们需要一个初始页码,每次到达页面底部以后,页码加1,
this.data.currentPage = this.data.currentPage + 1;
结果运用concat函数进行拼接:
that.setData({
items: that.data.items.concat(JSON.parse(res.data[0].list))
})
这样,我们在将页码传入后台进行数据分页查询,就可以实现分页加载了。
结语
在写代码的时候,有的时候用this,有的时候用var that=this;在wx.request里面的用that,外面的用this,这一点需要大家特别留意。
天津市犀思科技有限公司是专业从事web应用定制开发的一家公司,主营业务包括定制营销型网站建设、微信小程序开发、微信公众号开发、APP定制开发、天津企业微信开发、ERP、CRM、OA等企业应用场景信息化解决方案等服务,致力于成为中国领先的IT服务及行业解决方案的提供商。
上一篇:天津网站建设--网站建设中这么做将有助于后期SEO优化
下一篇:没有了!