mpvue中指定某个页面下拉刷新

指定页面下拉刷新,在main.js写的不起效果:

export default{
  config:{
    enablePullDownRefresh:true
  }
}

解决:
一、在它的目录下建一个main.json文件夹
mpvue中指定某个页面下拉刷新_第1张图片

二、文件内容(json文件不要注释,会报错)
mpvue中指定某个页面下拉刷新_第2张图片

三、index.vue
script里面的(注意onPullDownRefresh () 不是写在methods里面的)

 methods: {
    async getList () {
      wx.showNavigationBarLoading()
      const ret = await get('/weapp/listbook')
      this.books = ret.list
      wx.stopPullDownRefresh()
      wx.hideNavigationBarLoading()
    }
  },
  onPullDownRefresh () {
      console.log('下拉')
      this.getList()
    },
  mounted () {
    // 调用应用实例的方法获取全局数据
    this.getList()
  }
}

最后:如果要全部页面的,可以在app.json里面加上
“enablePullDownRefresh”:true

你可能感兴趣的:(mpvue中指定某个页面下拉刷新)