微信小程序下拉刷新组件加载图片(三个小点)不显示刷新状态的问题
更新时间：2022年10月10日 10:53:16 作者：早起的年轻人
很多朋友跟小编反馈这样一个问题，微信小程序中列表页面下拉刷新 ，顶部不显示三个小点的刷新状态，今天通过本文给大家介绍下小程序下拉刷新不了的解决方法，感兴趣的朋友跟随小编一起看看吧
问题是 微信小程序中 列表页面下拉刷新 ，顶部不显示三个小点的刷新状态，如下图：
解决后：
1 微信小程序实现下拉刷新
1.1 首先是在对应的页面 json 中添加配置
核心：
"enablePullDownRefresh":true, "backgroundTextStyle": "dark"
完整的
{
"usingComponents": {},
"navigationBarTitleText": "采集列表",
"enablePullDownRefresh":true,
"backgroundTextStyle": "dark"
}1.2 然后在页面对应的js中 处理 onPullDownRefresh 函数
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
this.onRefresh()
},
onRefresh:function(){
//导航条加载动画
wx.showNavigationBarLoading();
//重置分页加载页面
this.data.current_page=1
//网络请求数据
this.getManagerSampleListFunction()
//超时隐藏
setTimeout(function () {
wx.hideNavigationBarLoading();
//停止下拉刷新
wx.stopPullDownRefresh();
}, 2000);
},本次分享使用的网络请求框架为 fly 框架，会在近期给大家分享
//网络请求数据
getManagerSampleListFunction() {
api.fetchManngerSampleList().then(res => {
//停止下拉刷新
wx.hideNavigationBarLoading();
//停止下拉刷新
wx.stopPullDownRefresh();
//处理数据
if (this.data.current_page == 1) {
} else {
}
})
},到此这篇关于微信小程序下拉刷新组件加载图片(三个小点)不显示刷新状态的问题的文章就介绍到这了,更多相关小程序下拉刷新不了内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了JavaScript构建自己的对象,结合实例形式分析了javascript自定义类的定义与对象的实例化相关操作技巧,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了RequireJS多页面应用实例分析的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
本文介绍了如何使用微信小程序技术制作个性化的婚礼邀请函,包括页面布局、交互设计和多媒体资源整合,详细阐述了从功能需求到页面设计、测试优化以及发布流程的全面开发步骤,通过本项目,可以提升创意设计和用户体验优化的能力,需要的朋友可以参考下2024-10-10
这篇文章主要介绍了微信小程序之分享页面如何返回首页的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-03-03
本篇文章主要介绍了微信小程序开发之麦克风动画：帧动画、放大、淡出的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
今天在为网站增加一些代码功能的时候，需要用到if条件判断，发现简写方法忘了，这里特整理下2014-05-05
这篇文章主要介绍了详解Chart.js轻量级图表库的使用经验，Chart.js很容易上手，只需要在页面中引用脚本文件，并创建 <canvas> 节点即可渲染出图表，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-05-05
在 TypeScript 中,! 和 ? 是两个非常重要且常用的操作符,分别用于非空断言和可选链操作,下面就来具体介绍一下如何使用,具有一定的参考价值,感兴趣的可以了解一下2025-02-02
这篇文章主要介绍了JavaScript对象创建模式,结合实例形式总结分析了JavaScript常见的对象创建模式,包括工厂模式、构造函数模式、原型模式、动态原型模式、寄生构造函数模式、稳妥构造函数模式等,需要的朋友可以参考下2016-10-10
Javascript获取background属性中url的值
Javascript获取CSS中属性值方法有很多，今天工作的时候遇到了一个问题是需要利用Javascript获取css中background-img属性url的值，通过查阅网站的资料找到了解决方法，现在将方法分享给大家，有需要的朋友们们可以参考借鉴，下面来一起看看吧。2016-10-10
最新评论