您现在的位置是:网站首页> 编程资料编程资料
微信小程序下拉刷新组件加载图片(三个小点)不显示刷新状态的问题_javascript技巧_
2023-05-24
324人已围观
简介 微信小程序下拉刷新组件加载图片(三个小点)不显示刷新状态的问题_javascript技巧_
问题是 微信小程序中 列表页面下拉刷新 ,顶部不显示三个小点的刷新状态,如下图:

解决后:

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 { } }) },到此这篇关于微信小程序下拉刷新组件加载图片(三个小点)不显示刷新状态的问题的文章就介绍到这了,更多相关小程序下拉刷新不了内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
您可能感兴趣的文章:
相关内容
- 关于antd-vue a-menu菜单绑定路由的相关问题_vue.js_
- vue点击按钮实现让页面的某一个元素全屏展示_vue.js_
- JavaScript移动端常用事件之touch触摸事件详解_javascript技巧_
- Vue获取DOM元素并修改属性的方法_vue.js_
- ant-design-vue导航菜单a-menu的使用解读_vue.js_
- vue3 hook自动导入原理及使用_vue.js_
- ES6 class类实现继承实例详解_javascript技巧_
- vue动态生成新表单并且添加验证校验规则方式_vue.js_
- React组件化的一些额外知识点补充_React_
- 使用KrpanoToolJS在浏览器切图的实例详解_javascript技巧_
