微信小程序组件通讯的全面介绍与代码实例解析

GS 146 2024-07-31

本篇文章给大家带来的内容是关于微信小程序中列表上拉加载的实现代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

某个页面,有多个列表,如100行,这时需要实现分页功能,手机端的分页一般都是滑到底部时上拉刷新。

使用scroll-view实现,其bindscrolltolower方法:滚动到底部/右边触发。当触发时发送请求获取新的数据,我写的时候获取的数据很快,我还给它加了个定时器啊哈哈哈,因为我想让showLoading加载弹窗转一转,让用户知道上拉刷新数据。因为没加的时候showLoading一闪而过,感觉体验效果不好。

最后scroll-view使用竖向滚动时,需要给一个固定高度(height:93%),再给page设置高度(height:100%),否则bindscrolltolower触发不了

图片.png

来一段逻辑的代码

图片.png

图片.png

以上就是微信小程序组件通讯的全面介绍与代码实例解析的详细内容。

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序中组件通讯的详细介绍及代码示例
下一篇:小程序内动态获取列表对象信息的代码实例展示
相关文章

 发表评论

暂时没有评论,来抢沙发吧~