微信小程序下拉刷新问题
微信小程序下拉刷新问题
我们主要来说一下微信小程序的下拉刷新问题,这个问题也是我自己碰见的问题,问题比较二,但是又很恶心,所以在这里给大家分享一下,有这个问题朋友,赶紧从死胡同里出来。
大家在做微信小程序的下拉刷新的时候,估计都看到官网文档给的这个东西:
见到过了这两个API,想必大家也就见到这个onPullDownRefresh()
函数:
// 官网示例代码
Page({onPullDownRefresh () {wx.stopPullDownRefresh()}
})
错误点:
我当时在看到这个示例代码时,直接脑子一过:这么简单?
然后我就直接去js
文件里定义了一个叫onPullDownRefresh()
的同名方法,写上我的逻辑代码,最后调用一下停止刷新wx.stopPullDownRefresh()
。
看似完美的代码,却令我苦恼一上午,我写的代码就是不执行,函数命名和书写也没错,错在哪里呢?
错就错在重复定义了onPullDownRefresh()
函数,大家注意一下,这个函数在js
文件中是自动生成的【自己手敲结构的除外】,所以不要犯重复定义的错误,直接在生成的函数里写就行了。
由于这个函数的生成的位置比较靠下,而我们写代码时一般都会在onLoad()和data{}
这两个东西所在的区域来进行,所以很容易就会忽略这个问题。
所以有下拉刷新有问题的朋友一定要先检查一下是不是重复定义了这个onPullDownRefresh()
函数。
至于我一开始官网上讲的wx.stopPullDownRefresh()
和wx.stopPullDownRefresh()
这两个函数怎么使用,有什么作用,这个官网上就说的很明显了,网上也有很多教程,在这里我就不赘述了。
微信小程序下拉刷新问题相关推荐
- html下拉刷新原理,微信小程序 下拉刷新及上拉加载原理解析
这篇文章主要介绍了微信小程序 下拉刷新及上拉加载实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 1.下拉刷新的概念及应用场景. 概念: 下拉 ...
- 微信小程序--下拉刷新
实现微信小程序下拉刷新 步骤一 json文件配置(若需要全局配置,则在app.json 反正就配置本界面得到json即可) {"enablePullDownRefresh": tr ...
- 微信小程序下拉刷新和上拉加载
效果图 微信小程序实现下拉刷新和上拉加载有2中方法 1 用系统自带的 个人感觉特别简单 2 使用scroll-view 实现, scroll-view 里面有2个属性是滑动到顶部以及到底部如下 其实 ...
- 微信小程序下拉刷新和上拉加载的实现
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 一: 下拉刷新 下拉刷新两个步骤就能实现. 1.在要实现下拉刷新的页面的json配置文件里面加上 &q ...
- ios微信小程序下拉刷新怎么配_为什么他的下拉刷新是个动画效果?
看到别人的下拉刷新动画!是不是蠢蠢欲动!也想马上拥有一个~~ 比如: 再比如: "小二,上菜!" 1 引入下拉刷新组件(组件代码可联系作者获取) 代码: ...
- 微信小程序 下拉刷新页面时的加载状态
案发现场:在微信小程序中,用力往下拉动,页面顶部会出现一段空白的地方. 其实三个点是可以看到的.只不过默认是白色的 案例效果 1.在 app.json中 添加样式 "backgroundTe ...
- 微信小程序下拉刷新列表onPullDownRefresh;微信小程序上划加载列表onReachBottom;uni-app微信小程序下拉加载数据;uni-app微信小程序上划页面加载数据
需求:微信小程序列表加载有两种方式,分别是按住页面下拉加载数据数据(触发onPullDownRefresh)和直接上划滚动页面到底部加载数据(触发onReachBottom函数). 本文主要是使用上划 ...
- 微信小程序下拉刷新/上拉加载组件
简介 一款基于官方组件scroll-view进行封装的支持上拉加载下拉刷新的微信小程序组件,需要基础库2.10.1及以上, 项目地址:github 预览 功能 下拉刷新 上拉加载 支持自定义下拉样式 ...
- 微信小程序下拉刷新、上拉加载
微信小程序官方没有给出具体的下拉刷新和上拉加载组件,我们可以基于小程序原生组件scroll-view的扩展与封装,实现简单的上拉加载.下拉刷新组件. 1. 封装组件 // components/cus ...
最新文章
- 零基础学Java程序有什么好的建议
- 软件篇:程序员如何提升自己的技能
- Nature封面:城里人为什么容易路痴?
- Python机器学习:决策树002信息熵
- postgreSQL源码分析——索引的建立与使用——Hash索引(3)
- 什么是java虚拟机?
- jquery常用的插件1000收集
- Linux chmod文件授权命令
- 通过【Windows10安装程序---MediaCreationTool】来制作并安装Win10正式版
- 深度学习-浅层神经网络
- 解决Ubuntu下博通网卡驱动问题
- 【增长工程学】如何研究数字广告投放策略?(Part1)
- 区块链入门教程(9)--使用WeBASE-Front部署及调用合约
- iOS中SDK的简单封装与使用
- .NET 反编译工具
- linux dd命令
- java获取文件大小_Java实现获取文件大小的几种方法
- 《计算机科学与探索》期刊 从投稿到以为录用,再到拒稿过程
- 360手机刷机:360N7刷机
- input中鼠标点击清楚按钮之后的聚焦回input的方法
热门文章
- Starlink(星链)
- 小米智能插座采用Marvell EZ-Connect芯片解决方案--88MC200微控制器、Avastar 88W8801
- mysql中bigint、int、mediumint、smallint 和 tinyint的区别
- springBoot加layui和mybatis后台管理系统增删改查分页登录注销修改密码功能
- 100个Linux Shell脚本经典案例解析
- Android Animator(动画)类 详解
- reaver使用方法
- tableviewCell中Cell不能被点击
- 一本有关特殊人群的访谈记录
- 给钛度产品的一些建议(Note)