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() },

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM