为微信小程序设置某个单独页面支持下拉刷新

作者: Lynan 分类: Vue.js 发布时间: 2018-03-31 14:35

先看一下官方的说明

onPullDownRefresh

在 Page 中定义 onPullDownRefresh 处理函数,监听该页面用户下拉刷新事件。

  • 需要在 config 的window选项中开启 enablePullDownRefresh
  • 当处理完数据刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。

燃后,当我们屁颠屁颠地在app.json中windows属性设置:enablePullDownRefresh: true 之后

哒哒!惊奇地发现页面下拉是有一个下拉动作了
燃后我们又开始设置下拉时触发的函数

Page({
  onPullDownRefresh: function(){
    this.refresh() 这里填你自己的自定义函数
  }
})

燃后,哒哒!页面下拉,刷新,美美地完成动作。切换页面,

为审魔所有页面都有下拉???

重点

app.json中的的属性会被所有的page继承,如果page.json单独设置了某个属性,就会让page.json中设置的属性生效。(就和css一样)
那么,我们仅仅需要某个页面支持下拉刷新的话,
就把app.json中windows的enablePulldownRefresh设置为false,(此步也可不做,因为如果添加这个属性它默认值就是为false)
然后在我们需要开启下拉刷新的页面设置page.json

{
  "enablePullDownRefresh": true
}

完。

发表评论

电子邮件地址不会被公开。 必填项已用*标注