1***@qq.com
1***@qq.com
  • 发布:2020-09-15 12:44
  • 更新:2020-09-16 09:34
  • 阅读:791

#插件讨论# 【 【wxs renderjs实现】高性能的下拉刷新上拉加载组件 - wenju 】我没有数据 和只有一条数据却在页面 显示没有更多了 为空的状态没出来 这个如何解决?

分类:uni-app

我没有数据 显示没有更多了 为空的状态没出来 这个如何解决?


// 下拉刷新  
            downCallback(){  
                // this.getList()  
                this.mescroll.resetUpScroll()  
            },  
            /*上拉加载的回调*/  
            upCallback(page) {  
                this.qryCollect.size += page.size  
                this.getList()  
            },  

this.$http.request({  
                     method: 'POST', // 请求方法必须大写  
                     url: favorite_page,  
                     data:this.qryCollect  
                }).then(res => {  
                    console.log(res, '正确')  
                    this.collectList = res.data  
                    setTimeout(() => {  
                        this.mescroll.endSuccess(res.data.records.length,res.data.total);   
                    }, 20);  

                }).catch(err => {  
                    // uni.hideLoading()  
                    console.log(err, '错误')  
                    uni.showToast({  
                        title: err.msg || err.data.message || '服务器异常',  
                        icon: "none"  
                    })  
                    setTimeout(() => {  
                        this.mescroll.endErr()  

                    }, 20);  
                })  

// 上拉加载的常用配置  
                upOption: {  
                    use: true, // 是否启用上拉加载; 默认true  
                    auto: false, // 是否在初始化完毕之后自动执行上拉加载的回调; 默认true  
                    page: {  
                        num: 1, // 当前页码,默认0,回调之前会加1,即callback(page)会从1开始  
                        size: 10 // 每页数据的数量,默认10  
                    },  
                    textNoMore:'没有更多了',  
                    noMoreSize: 10, // 配置列表的总数量要大于等于5条才显示'-- END --'的提示  
                    empty: {  
                        icon:'../../../static/images/noneData.png',  
                        tip: '暂无列表'  
                    }  
                },  
                // 下拉刷新的常用配置  
                downOption: {  
                    auto: false, // 是否在初始化完毕之后自动执行下拉刷新的回调; 默认true  
                    native: false, // 启用系统自带的下拉组件,默认false;仅mescroll-body生效,mescroll-uni无效                   (native: true, 则需在pages.json中配置 "enablePullDownRefresh": true)  
                    textColor: '#363336'  
                },
2020-09-15 12:44 负责人:无 分享
已邀请:
wenju

wenju - https://www.mescroll.com -- 精致的下拉刷新和上拉加载组件

很显然数据赋值不正确导致的

// 接口返回的当前页数据列表 (数组)
let curPageData = res.data
// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
let curPageLen = curPageData.length;
// 接口返回的总数据量(如列表有26个数据,每页10条,共3页; 则totalSize=26)
let totalSize = res.data.total;
//追加新数据
this.collectList = this.collectList.concat(curPageData);
//方法一(推荐): 后台接口有返回列表的总页数 totalPage
this.mescroll.endByPage(curPageLen, totalPage);

该问题目前已经被锁定, 无法添加新回复