微信小程序下拉加载和上拉刷新两种实现方法

最新推荐文章于 2022-11-10 10:07:35 发布

璞~

最新推荐文章于 2022-11-10 10:07:35 发布

阅读量940

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序微信小程序开发笔记

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/84144183

微信小程序同时被 2 个专栏收录

86 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

微信小程序开发笔记

28 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了两种实现微信小程序下拉加载和上拉刷新的方法。方法一是利用onPullDownRefresh和onReachBottom，需要在json配置文件中设置window属性，并在js中处理相关事件。方法二是通过在scroll-view组件中使用bindscrolltoupper和bindscrolltolower事件。文中还提供了相应的代码示例，包括wxml、js和wxss部分，帮助开发者理解并实现这两种加载和刷新方式。

方法一：onPullDownRefresh和onReachBottom方法实现小程序下拉加载和上拉刷新

首先要在json文件里设置window属性

属性	类型	描述
enablePullDownRefresh	Boolean	是否开启下拉刷新，详见页面相关事件处理函数。

设置js里onPullDownRefresh和onReachBottom方法

属性	类型	描述
onPullDownRefresh	function	页面相关事件处理函数——监听用户下拉动作
onReachBottom	function	页面上拉触发底事件的处理函数