cube-index-list 上拉加载更多的时候，滚动无法到底部，底部有几个会卡顿 #684

CodingZJ · 2020-03-15T11:46:17Z

排行榜

时间:{{period}}

{{item.text}}

时间:2020.3.18-2020.6.30

名次

（总人数:{{totalPerson}}人）

个数

{{item.skipNumber}} 个

        }
    }
},
methods:{
    selectChange(index){
        if(index===1){
            if (!this.timePicker) {
                this.timePicker = this.$createDatePicker({
                    min: new Date(2020, 2),
                    max: new Date(2030, 12),
                    columnCount: 2,
                    onSelect: this.monthRank,
                    onCancel: this.monthRank,
                    format: {
                        year: 'YYYY',
                        month: 'M'
                    }
                })
            }
            this.timePicker.show()
        }
        if(index===0){
          this.chooseVos = JSON.parse(sessionStorage.getItem('chooseVos') || []);
          if (!this.picker && this.chooseVos.length!==0) {
            let temArr = [];
            this.chooseVos.forEach(item=>{
                temArr.push({
                    text: item.key+(item.key.length===4?'':'\xa0\xa0\xa0')+'\xa0\xa0\xa0\xa0\xa0\xa0\xa0\xa0时间:'+item.value,
                    value:item.recordNo
                })
            });
            this.picker = this.$createPicker({
                data: [temArr],
                onSelect: this.weekRank,
                onCancel: this.weekRank
            })
              this.picker.show()
          }
          if(this.chooseVos.length===0){
              this.weekRank();
          }
        }
        if(index===2){
            this.totalRank();
        }
        this.activeIndex = index
    },
    getUserInfo(){
        ajax.userInfo().then(res=>{
            if(res.code==='0'){
                this.image = res.data.image;
                this.nickName = res.data.nickName;
                this.period = res.data.period;
            }
        })
    },
    totalRank(){
        ajax.totalList(this.totalParam).then(res=>{
            if(res.code==='0'){
                this.rank = res.data.rank;
                this.totalPerson = res.data.totalPerson;
                this.skipNumber = res.data.skipNumber;
                this.totalNum = res.data.total;
                if(this.totalParam.pageIndex===1){
                    this.totalRankVos = res.data.weekRankVos;
                } else {
                    this.totalRankVos = this.totalRankVos.concat(res.data.weekRankVos);
                }
                if(this.$refs.totalList){
                    this.$refs.totalList.forceUpdate(true);
                }
            }
        })
    },
    monthRank(recordMonth){
       if(recordMonth){
            this.monthParam = {
                recordMonth:moment(recordMonth).format('YYYY-MM'),
                pageIndex:1,
                pageSize:10
            }
            this.monthRankVos=[];
        } else {
            this.monthParam.recordMonth = ''
        }
        ajax.monthList(this.monthParam).then(res=>{
            if(res.code==='0'){
                this.rank = res.data.rank;
                this.totalPerson = res.data.totalPerson;
                this.skipNumber = res.data.skipNumber;
                this.totalMonth = res.data.total;
                if(this.monthParam.pageIndex===1){
                    this.monthRankVos = res.data.weekRankVos;
                } else {
                    this.monthRankVos = this.monthRankVos.concat(res.data.weekRankVos);
                }
                if( this.$refs.monthList){
                    this.$refs.monthList.forceUpdate(true);
                }
            }
        })
    },
    weekRank(recordNo){
        this.picker='';
        if(recordNo){
            this.weekParam = {
                recordNo:recordNo[0],
                pageIndex:1,
                pageSize:10
            }
            this.weekRankVos=[];
        } else {
            if(!this.weekParam.recordNo){
                this.weekParam.recordNo = ''
            }
        }
        ajax.weekList(this.weekParam).then(res=>{
           if(res.code==='0'){
                this.rank = res.data.rank;
                this.totalPerson = res.data.totalPerson;
                this.skipNumber = res.data.skipNumber;
                this.totalWeek = res.data.total;
                 if(this.weekParam.pageIndex===1){
                    this.weekRankVos = res.data.weekRankVos;
                } else {
                    this.weekRankVos = this.weekRankVos.concat(res.data.weekRankVos);
                }
                if(this.$refs.weekList){
                    this.$refs.weekList.forceUpdate(true);
                }
            } 
        })
    },
    chooseWeek(){
        ajax.weekUserChoose().then(res=>{
            if(res.code==='0'){
               this.chooseVos = res.data.chooseVos;
               sessionStorage.setItem('chooseVos',JSON.stringify(res.data.chooseVos));
            }
        })
    },
    onPullingUp(){
         if(this.activeIndex==0){
           if(this.weekRankVos.length<this.totalWeek){
               this.weekParam.pageIndex++;
               this.weekRank();
           } else {
                this.$refs.weekList.forceUpdate();
           }
        } else if(this.activeIndex==1){
           if(this.monthRankVos.length<this.totalMonth){
               this.monthParam.pageIndex++;
               this.monthRank();
           } else {
                this.$refs.monthList.forceUpdate();
           }
        } else if(this.activeIndex==2){
           if(this.totalRankVos.length<this.totalNum){
               this.totalParam.pageIndex++;
               this.totalRank();
           } else {
                this.$refs.totalList.forceUpdate();
           }
        }
    },
    onPullingDown(){
        if(this.activeIndex==0){
          this.weekParam.pageIndex=1;
          this.weekRank();
        } else if(this.activeIndex==1){
          this.monthParam.pageIndex=1;
          this.monthRank();
        } else if(this.activeIndex==2){
          this.totalParam.pageIndex=1;
          this.totalRank();
        }
    },
    closeWebView(){
        skipPage(202,2)
    }
},
created(){
    skipPage(205,2);// 全屏风格
    let accessToken  = localStorage.getItem('accessToken')
    console.log('accessToken',accessToken)
    if(accessToken){
        this.getUserInfo();
        this.totalRank();
        this.chooseWeek();
    } else {
        remindNativeRefreshJSMethod('300');
        dsBridge.register('getPlatformToken',data => {
            let useMsg = JSON.parse(decodeURIComponent(data));
            if(!useMsg.accessToken) {//用户第一次未登录
                skipPage(100);
            } else {
                localStorage.setItem('accessToken', useMsg.accessToken);
                localStorage.setItem('platformType', 'h5-'+ useMsg.platformType);
                this.getUserInfo();
                this.totalRank();
                this.chooseWeek();
            }
            return 'suceess';
        })
    }
}

}
</script>

The text was updated successfully, but these errors were encountered:

dolymood · 2020-03-19T07:06:46Z

虽然没看明白但是猜测数据load后初始化
以及保障外层高度确定即 height 100% 有效

CodingZJ changed the title ~~cube-index-list下拉刷新的时候加载更多的时候，滚动无法到底部，底部有几个会卡顿~~ cube-index-list 上拉加载更多的时候，滚动无法到底部，底部有几个会卡顿 Mar 15, 2020

dolymood closed this as completed Apr 10, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

cube-index-list 上拉加载更多的时候，滚动无法到底部，底部有几个会卡顿 #684

cube-index-list 上拉加载更多的时候，滚动无法到底部，底部有几个会卡顿 #684

CodingZJ commented Mar 15, 2020

dolymood commented Mar 19, 2020

cube-index-list 上拉加载更多的时候，滚动无法到底部，底部有几个会卡顿 #684

cube-index-list 上拉加载更多的时候，滚动无法到底部，底部有几个会卡顿 #684

Comments

CodingZJ commented Mar 15, 2020

dolymood commented Mar 19, 2020