微信小程序-解决下拉刷新报错

关于“enablePullDownRefresh”: “true”

一、使用方式

在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件。需要在 config 的window选项中开启 enablePullDownRefresh。当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

二、错误处理

在代码中出现的报错如下:

变量值”true”,这是个字符串而不是Boolean类型的变量。

设置成字符串在模拟器中可以触发onPullDownRefresh函数,但是在真机中却无法触发刷新函数。

将字符串 “true”更改为Boolean类型的true后,无论是在真机还是在模拟器中都可以正确的触发onPullDownRefresh函数了。

原文地址:https://www.cnblogs.com/Vicetone/p/9970972.html

时间: 2024-10-13 01:48:56

微信小程序-解决下拉刷新报错的相关文章

微信小程序 - 关于下拉刷新

1 // 拉取数据 2 fetchData: function() { 3 wx.request({ 4 url: 'http://v.juhe.cn/toutiao/index', 5 data: { 6 type: '', 7 key: '482e213ca7520ff1a8ccbb262c90320a' 8 }, 9 header: { 10 'contentType': 'application/json' 11 }, 12 success: function(res) { 13 con

(uniapp和)微信小程序页面跳转首页报错:navigateTo:fail can not navigateTo a tabbar page

如果在这种情况下无法实现跳转并出现can not navigate to tabBar page错误, 很有可能是由于在底部tabbar里面定义乐同样连接地址的bar,如果在底部footer页面定义了相同地址的bar,则此页面无法跳转, 解决方法: 使用uniapp或微信小程序的 uni.switchTab({         url: '路径'}); wx.switchTab({         url: '路径'}); 原文地址:https://www.cnblogs.com/fanqiuz

微信小程序iOS下拉白屏晃动,坑坑坑

感觉ios的小程序每个页面都可以下拉出现白屏 有时页面带有滑动的属性会跟着晃动,体验不是很好 解决办法: 先禁止页面下拉 <config> { navigationBarTitleText: "购物车", disableScroll:true } </config> 这样的话页面整个都拉不动了,下面溢出的内容就拉不出来了,此时用overflow:scroll间接滑动 .content{ width:100%; height:600rpx: overflow-y:

微信小程序select下拉框实现

小程序中是没有h5中的下拉 标签的 所以要实现下拉功能就必须自己动手写拉,这里为了更清楚的显示小程序层级 就把源码直接复制过来了 <view class='list-msg'> <view class='list-msg1'> <text>商品金额</text> <text>¥99.00</text> </view> <!--下拉框 --> <view class='list-msg2' bindtap=

微信小程序 - (下拉)加载更多数据

注意和后端配合就行了,前端也只能把数据拼接起来! 无论是下拉加载还是加载更多,一样的道理! 注意首次加载传递参数 注意每次加载数据数 wxml <view class='table-rank'> <view class='tables center' wx:for="{{ranklist}}" wx:for-index="idx" wx:key="prototype"> <view class='stage-rank

小程序:下拉刷新,上拉加载

wxml: <view class='view-container'> <block wx:for='{{articles}}' wx:key='{{item.id}}'> <view class='articles-container'> <view class='info'> <image class='avatar' src='{{item.avatar}}'></image>{{item.nickname}} <text

微信小程序picker下拉绑定数据

页面部分,wxml中写入以下代码 <picker mode = "selector" bindchange="bindPickerChange" value="{{project[idx].id}}" range="{{project}}" range-key="{{'val'}}"> <view class="picker picker1"> {{project

微信小程序诡异错误this.setData报错

先说原因: function声明的函数和箭头函数的作用域不同,这是一个不小心坑的地方.可参考箭头函数说明:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions 所以对于这个结果,还是换回es5的function函数去写最好了. 箭头函数和function的区别: 箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象 箭头函数不可以当作构造函数,也就

微信小程序 select 下拉框组件

一.源码地址 https://github.com/imxiaoer/WeChatMiniSelect 二.效果图 录屏图片质量较差,所以大家会看到残影(捂脸) 三.组件源码 1. select.wxml <view class="select-box"> <view class="select-current" catchtap="openClose"> <text class="current-name