資訊專欄INFORMATION COLUMN
摘要：此圖是最近做的項目中的一頁，用的是結(jié)合，用了后，覺得是真心難用啊，先不說其他的，就光這個下拉刷新就讓人奔潰了，問題層出不窮，不過最后經(jīng)過努力還是擺平了哈。每次切換到新的標簽，都應該重置一下下拉刷新調(diào)用列表的方法下拉執(zhí)行的方法正在加載可選，
此圖是最近做的項目中的一頁，用的是mui結(jié)合vue，用了mui后，覺得是真心難用啊，先不說其他的，就光這個下拉刷新就讓人奔潰了，問題層出不窮，不過最后經(jī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)時，上拉加載控件上顯示的標題內(nèi)容
contentnomore:"沒有更多數(shù)據(jù)了",//可選，請求完畢若沒有更多數(shù)據(jù)時顯示的提醒內(nèi)容；
callback:function(){//必選，刷新函數(shù)，根據(jù)具體業(yè)務來編寫，比如通過ajax從服務器獲取新數(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);
},
},
})
},
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/92498.html
摘要：預加載自定義事件第三方擴展插件涉及的，除了，其它所有手機瀏覽器及瀏覽器均無法使用，目前主要包括語音輸入事件相關(guān)注意瀏覽器沒有事件事件相關(guān)的，手機端瀏覽器均可使用端模擬手機瀏覽器也可以正常使用。 最近項目中需要使用MUI做一個視頻播放的小功能。我就花時間研究了一下MUI。 MUI是一個使用JavaScript開發(fā)Android和IOS應用的前端框架。這篇文章將以知識樹的形式對MUI的使用...
開始用mui移動端項目，最常遇到的問題就是刷新頁面，最常見的一種就是下拉刷新，按照官網(wǎng)上的來，可以輕松解決；另外一種常見的就是從子頁面回到父頁面的刷新，在子頁面，注冊beforeback參數(shù)+自定義事件： mui.init({ beforeback: function(){ //獲得列表界面的webview //var list = plus.webvie...
摘要：三底部選項卡切換頁面底部選項卡的切換，可以說是的標志之一。兩種模式的顯示效果差不多，如下圖可見兩種模式的區(qū)別顧名思義，模式是將所有子頁面的內(nèi)容，分別放置到主頁不同的中，當我們點擊主頁的不同選項卡時，切換不同的顯示。 概 述 JRedu 在上一篇博客中，我們學習了如何使用Hbuilder創(chuàng)建一個APP，同時如何使用MUI搭建屬于自己的第一款APP，沒有學習的同學可以戳鏈接學習： http...
摘要：使用語法與要跳轉(zhuǎn)到的對應的狀態(tài)信息。頁面名字，方便調(diào)試。要跳轉(zhuǎn)到的地址，不能跨域，對于單頁應用來說沒用，傳空即可。 需求 在微信網(wǎng)頁開發(fā)中,點擊返回按鈕不刷新頁面,進行頁面切換,且實現(xiàn)傳值功能. 問題由來 在做微信網(wǎng)頁開發(fā)時,由于微信的左上角返回按鈕會返回上一個頁面并且刷新,無法做成打開頁面選擇內(nèi)容后關(guān)閉當前頁面,并且給前一個頁面?zhèn)髦档墓δ? 實現(xiàn)方法 想實現(xiàn)此功能一開始想到的是不進行...
閱讀 3080·2021-11-24 10:34
閱讀 3337·2021-11-22 13:53
閱讀 2639·2021-11-22 12:03
閱讀 3608·2021-09-26 09:47
閱讀 3015·2021-09-23 11:21
閱讀 4814·2021-09-22 15:08
閱讀 3303·2021-07-23 10:59
閱讀 1269·2019-08-29 18:31
