你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

uniapp上拉刷新,下拉加载的插件mescroll

2021/12/21 18:08:40

http://www.mescroll.com/demo.html#hight2

 <mescroll-body ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" class="content">

...

</mescroll-body>

  import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js";
  import MeScroll from "@/components/mescroll-uni/mescroll-uni.js";

    /*上拉加载的回调*/
            upCallback(mescroll) {
                // 此时mescroll会携带page的参数:
                this.quryParam.pageNum = mescroll.num; // 页码, 默认从1开始
                this.quryParam.pageSize = mescroll.size; // 页长, 默认每页10条
                if (this.active == "1") {
                    this.quryParam.applyStatus = 1;
                } else if (this.active == "2") {
                    this.quryParam.applyStatus = 2;
                    console.log(this.quryParam.applyStatus, 'jiojho')
                } else if (this.active == "3") {
                    this.quryParam.applyStatus = 3;
                    console.log(this.quryParam.applyStatus, 'jiojho')
                } else if (this.active == "4") {
                    this.quryParam.applyStatus = "4,5,6";
                } else {
                    this.quryParam.applyStatus = 7;
                }
                this.$http.get('/app-jycy-jobapply/disabled/getDisableJobApply', {
                    params: this.quryParam
                }).then(res => {
                    let result = res.data.data;
                    let curPageData = result.records;
                    let totalPage = result.total;
                    this.total = result.total;
                    mescroll.endByPage(curPageData.length, totalPage);
                    if (mescroll.num == 1) this.dataList = [];
                    this.dataList = this.dataList.concat(curPageData);
                    if (totalPage <= 0) {
                        this.isHide = true;
                    } else {
                        this.isHide = false;
                    }
                }).catch(err => {
                    mescroll.endErr();
                })

            },