uniapp - 触底加载、下拉刷新及关闭下拉刷新

<view class="interval" v-if="flag">------我是有底线的------</view>

methods: {
  // 调用接口
  getStudyList(callBack){
    let params = {
      safeTypeId: this.safeTypeId,
      current: this.current
    }
    Home.studyData(params).then(res=>{
      this.total = res.data.total
      this.filter(res.data.records);
      this.contents = [...this.contents, ...res.data.records]
      // 关闭下拉刷新回调函数
      callBack && callBack()
    })
  }
}

// 触底加载
onReachBottom() {
  if(this.contents.length>=this.total){
    this.flag = true
  }else{
    this.current++
    this.getStudyList()
  }
},
// 下拉刷新
onPullDownRefresh () {
  this.current = 1
  this.contents = []
  this.flag = false
  this.getStudyList(()=>{
    uni.stopPullDownRefresh();
  })
}