微信小程序采坑之scroll-view与enablePullDownRefresh(下拉刷新)不可共用

踩坑踩坑踩坑

以下是正常的顶部下拉刷新数据的步骤以及代码
但是要注意的一点是
html中srcoll-view标签下的页面进行这些操作是无效的

一、onPullDownRefresh回调

 onPullDownRefresh: function () {
 console.log('onPullDownRefresh')
 this.queryData(id)
 },

二、enablePullDownRefresh支持
需要再在son中配置支持下拉刷新,即:

"enablePullDownRefresh": true // 请注意是true,不是"true"字符串,
// 部分开发者发现设置了还是无效,
// 可能是因为设置的"enablePullDownRefresh": "true"

这个可以在app.json中进行全局配置,使所有页面都带有下拉刷新功能;也可以在需要下拉刷新功能的page对应的json中配置。
这下好了,下拉刷新功能完成了。

三、backgroundTextStyle配置

"backgroundTextStyle": "",支持 dark/light;
"backgroundTextStyle": "dark"

四、stopPullDownRefresh停止

 // 小程序提供的api,通知页面停止下拉刷新效果
 // http://itlao5.com
 wx.stopPullDownRefresh();
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值