關(guān)于mui中一個(gè)頁(yè)面有有多個(gè)頁(yè)簽進(jìn)行切換的下拉刷新加搜索問(wèn)題

JessYanCoding 發(fā)布于2019-08-22 13:50 / 3259人閱讀

摘要：此圖是最近做的項(xiàng)目中的一頁(yè)，用的是結(jié)合，用了后，覺(jué)得是真心難用啊，先不說(shuō)其他的，就光這個(gè)下拉刷新就讓人奔潰了，問(wèn)題層出不窮，不過(guò)最后經(jīng)過(guò)努力還是擺平了哈。每次切換到新的標(biāo)簽，都應(yīng)該重置一下下拉刷新調(diào)用列表的方法下拉執(zhí)行的方法正在加載可選，

此圖是最近做的項(xiàng)目中的一頁(yè)，用的是mui結(jié)合vue，用了mui后，覺(jué)得是真心難用啊，先不說(shuō)其他的，就光這個(gè)下拉刷新就讓人奔潰了，問(wèn)題層出不窮，不過(guò)最后經(jīng)過(guò)努力還是擺平了哈。

1.每次切換到新的標(biāo)簽，都應(yīng)該重置一下下拉刷新

toTop(){
            var scroll= mui("#refreshContainer").scroll();
            this.scroll.scrollTo(0,0,0)
            that.currenSize=0
            this.page=1
            mui("#refreshContainer").pullRefresh().refresh(true);
        },

2.調(diào)用列表的方法

getFoucus(focus,p){
           this.current=focus
           this.page=p
          if(this.page==1){
                this.toTop()
            }
            this.axios.post(this.api + "/project/projectList/getMyFocusOn",$.param({"itcode":this.userMessage.entityCode,"page":this.page,"pageSize":this.pageSize}))
            .then(res => {
                var result = res.data;
                if (result.status == 0) {
                    this.requesting=false;
                    if(result.status==0){
                            this.requesting=false;
                            if(this.page==1){
                            this.projectList=result.page.list;
                            }else{
                                var lists=result.page.list
                                this.projectList=this.projectList.concat(lists)
                            }
                            this.title=$(".mui-active").html()
                            this.currenSize+=this.pageSize
                            this.total=result.page.total
                    } else {
                        mui.toast(result.message)
                    }
                }
            })
        },

3.下拉執(zhí)行的方法

pullRefresh(){
            var vm=this;
            mui("#refreshContainer").pullRefresh({
                up:{
                    contentrefresh : "正在加載...",//可選，正在加載狀態(tài)時(shí)，上拉加載控件上顯示的標(biāo)題內(nèi)容
                    contentnomore:"沒(méi)有更多數(shù)據(jù)了",//可選，請(qǐng)求完畢若沒(méi)有更多數(shù)據(jù)時(shí)顯示的提醒內(nèi)容；
                    callback:function(){//必選，刷新函數(shù)，根據(jù)具體業(yè)務(wù)來(lái)編寫(xiě)，比如通過(guò)ajax從服務(wù)器獲取新數(shù)據(jù)；
                        setTimeout(()=>{
                            vm.page++
                            if(vm.currenSize>=vm.total){
                                mui("#refreshContainer").pullRefresh().endPullupToRefresh(true);
                            }else{
                                vm.getFoucus(vm.current,vm.page)
                            }
                            this.endPullupToRefresh(false)
                        },300);
                    },
                },
            })
        },