微信小程序如何实现下拉刷新

1.首先在你需要实现下拉刷新页面的json文件中写入"enablePullDownRefresh": true。

2.在js文件的onPullDownRefresh() 事件中实现下拉刷新。

实现代码

onPullDownRefresh() {
      console.log('开始下拉刷新')
      wx.showNavigationBarLoading()//在标题栏中显示加载图标
      this.data.currentPage = 1
      this.data.dataList = []  //dataList为获取到的列表数组,自行替换
      this.explains()
      //重新获取列表页
      setTimeout(() => {
        wx.hideNavigationBarLoading();//完成停止加载
        wx.stopPullDownRefresh(); //得到数据后停止下拉刷新
      }, 400)
      console.log('下拉刷新成功')
  },

相关推荐

  1. 程序实现刷新事件、上触底事件

    2024-03-10 20:32:04       41 阅读
  2. scroll-view程序实现加载刷新

    2024-03-10 20:32:04       29 阅读
  3. 程序 上列表加载刷新

    2024-03-10 20:32:04       43 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-10 20:32:04       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-10 20:32:04       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-10 20:32:04       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-10 20:32:04       18 阅读

热门阅读

  1. 初识C语言—字符串、转义字符、注释

    2024-03-10 20:32:04       20 阅读
  2. vue3注册全局组件

    2024-03-10 20:32:04       18 阅读
  3. Docker Register 搭建私有镜像仓库

    2024-03-10 20:32:04       20 阅读
  4. Linux 系统上卸载 Docker

    2024-03-10 20:32:04       20 阅读
  5. 在 Docker 环境下安装 OpenWrt

    2024-03-10 20:32:04       25 阅读
  6. Docker修改网段

    2024-03-10 20:32:04       22 阅读
  7. Kotlin 中的数据类

    2024-03-10 20:32:04       21 阅读
  8. lvs集群

    lvs集群

    2024-03-10 20:32:04      21 阅读
  9. sklearn随机森林实现(备忘版)

    2024-03-10 20:32:04       20 阅读
  10. Docker

    2024-03-10 20:32:04       21 阅读
  11. Flink命令行提交时参数的传递

    2024-03-10 20:32:04       18 阅读
  12. Redis的HyperLogLog原理介绍

    2024-03-10 20:32:04       19 阅读
  13. 使用Rust开发小型搜索引擎

    2024-03-10 20:32:04       21 阅读