zoukankan      html  css  js  c++  java
  • 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() },

  • 相关阅读:
    Flask-数据库操作
    Flask-模板
    Flask-路由和视图
    Python调用摄像头
    Python操作mysql
    Java数据结构-栈
    SpringBoot前端使用JSP
    SpringBoot的核心配置文件
    第一个SpringBoot项目
    17.1.2 流、缓冲区和iostream文件
  • 原文地址:https://www.cnblogs.com/fanqiuzhuji/p/12485254.html
Copyright © 2011-2022 走看看