vue移动端上拉加载数据（vant组件库中的list列表）

 

data() {
  return {
    lawyer: [],
    loading: false,
    finished: false,
    par: {
      page: 1, // 页数
      limit: 4 // 每页的条数
    }
  }
},

methods: {
  layerList(inde) { // 请求列表
    console.log('11', inde.page)
    layerList(inde).then(res => {
      console.log(res)
      this.loading = false;
      if (res.data.data.length === 0) {
        this.finished = true;
        return
      } else {
        let arr1 = this.lawyer
        const arr2 = res.data.data
        arr1 = arr1.concat(arr2)
        this.lawyer = arr1
        console.log('this.lawyer', this.lawyer)
        inde.page++;
      }
    })
  },
  onLoad() {
    console.log('屏幕滚动')
    this.layerList(this.par)
  }
}

html:

  
    
      
          {{ item.name }}
      
      
          {{ item.date | parseTime('{y}-{m}-{d}') }}