uniapp 上拉加载


/*
  //nav切换 需要初始化数据

    this.taskList = [];
    this.totlePage='';
    this.params.page =1;
    this.count='';
    this.showTxt='';

*/

data() {
    return {

      taskList: [],
      totlePage:'',
      params:{
        page:1,
        num:4,
      },
      count:'',
      showTxt:'',
    };
},

onReachBottom(){//uniapp 监听下拉加载生命周期
  this.fenye()
},

 

handleTaskList() {//请求数据

  

  let data = {
    page: this.params.page,
    num: this.params.num,
  };


  this.$http({
    url: '/project/project/project_merchant_list',
    data: data,
    method:'post'
  }).then(res => {
    this.count = res.response_data.count;
    this.taskList = this.taskList.concat(res.response_data.lists);//合并数组
  })
},


fenye(){
//获取列表之后 this.totlePage = Math.ceil(this.count / this.params.num); //页面触底事件 if(this.params.page >= this.totlePage){ this.showTxt = '加载完成'; return; } this.showTxt = '加载中...'; this.params.page ++; this.handleTaskList() },

 

posted @ 2020-03-13 11:23  自律·给我自由  阅读(10339)  评论(0编辑  收藏  举报