小程序下拉刷新,上拉加载更多

本文介绍了在微信小程序中实现下拉刷新和上拉加载更多的方法。下拉刷新通过清空并重新加载数据来实现,可以全局设置或在特定页面启用。上拉加载更多则是将新获取的数据追加到原有数据中,利用小程序的实时渲染特性自动更新视图。同时,文中还提到了如何延缓下拉刷新的时间以及模拟测试的简单示例。
摘要由CSDN通过智能技术生成

1.下拉刷新

----由于小程序数据是实时渲染的。我们把data{}内的数据清空重新加载即可实现下拉刷新。

在小程序里,用户顶部下拉是默认禁止的,我们需要把他设置为启用,在app.json中的设置对所有页面有效,或者在单独页面设置则对当前页

全局app.js中

  "window": {
    "backgroundTextStyle": "dark",下拉的方式为:light,dark 默认为light(看不到图标选择dark)
    "navigationBarBackgroundColor": "#d81e06",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle": "white",
    "backgroundColor": "#fcfcfc",下拉时的背景颜色
    "enablePullDownRefresh": false下拉时的状态,默认为禁用状态 true开启
  },

单独页面.json中

{
  "usingComponents": {},
  "enablePullDownRefresh": true,
}

单独页面.js中已经定义了下拉方法

/**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

},

停止下拉刷新


                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值