uniapp組件強(qiáng)制刷新,uniapp組件調(diào)用?很多人不了解,今天趣百科為大家?guī)?lái)相關(guān)內(nèi)容,下面一起來(lái)看看吧。
我之前不知道復(fù)牌的好處,但是我受益太多之后,你就知道了。有思想的回憶也很有趣。
判斷設(shè)備在同一路線下,pc和h5顯示完全不同的布局。我需要做出判斷。該方法如下:
(資料圖片僅供參考)
//確定是否是移動(dòng)設(shè)備ismobilepost(){/# ifdefh 5 if(navigator . user agent . index of(" mobile ")==-1){ this . is mobile=false;} //#endif},//description///#ifdef:如果定義只存在于某個(gè)平臺(tái)上。//# ifndef:如果沒(méi)有定義,除了某個(gè)平臺(tái),條件編譯都用特殊注釋標(biāo)記,注釋中的代碼在編譯時(shí)根據(jù)這些特殊注釋編譯到不同的平臺(tái)。點(diǎn)擊驗(yàn)證碼//模板布局u-button v-if=" verify show " @ tap=" get code "獲取驗(yàn)證碼/u-button u-button v-else { { verify tip " second " } }/u-button//方法執(zhí)行//倒計(jì)時(shí)time down 3360 function(num){ let that if(num==0){ that . verify show=true;//是否顯示采集驗(yàn)證碼this.downTimeTotal=60//重新分配return clear time out();} else { that.verifyShow=false//是否顯示采集驗(yàn)證碼SetTimeout(function(){ that . downtimetotal=num-1;that . time down(num-1);}, 1000);//定時(shí)每秒減一}},//點(diǎn)擊獲取驗(yàn)證碼getCode:function(){ ///This。$ refs.form.validatefield ("tel ")。然后((res)={console.log("表單數(shù)據(jù)信息:",RES);this . time down(this . verify tip);//執(zhí)行倒計(jì)時(shí)this . request({ URL 3360 interfaces . get code,method3360" post ",data3360 {"tel" 3360res.tel},success 3360((r)={//獲取驗(yàn)證碼返回的結(jié)果.}) //end}) })。catch((err)={ //表單驗(yàn)證失敗,err是具體的錯(cuò)誤消息//其他邏輯處理//.});},頁(yè)面跳轉(zhuǎn)/頁(yè)面堆??蚣芤远褩5男问焦芾懋?dāng)前所有頁(yè)面。當(dāng)發(fā)生路由切換時(shí),頁(yè)面堆棧的行為如下:
路由方式
頁(yè)面棧表現(xiàn)
觸發(fā)時(shí)機(jī)
初始化
新頁(yè)面堆疊
uni-app打開的第一頁(yè)
打開新頁(yè)面
新頁(yè)面堆疊
調(diào)用API uni.navigateTo并使用組件導(dǎo)航器open-type="navigate"/
頁(yè)面重定向
當(dāng)前頁(yè)面不在堆棧中,新頁(yè)面在堆棧中。
調(diào)用API uni.redirectTo并使用組件導(dǎo)航器open-type=" redirectto"/
頁(yè)面返回
繼續(xù)將頁(yè)面推出堆棧,直到目標(biāo)返回頁(yè)面。
調(diào)用API uni.navigateBack,使用組件navigator open-type=" navigateback "/,用戶按左上角返回按鈕,Android用戶點(diǎn)擊物理返回按鈕。
Tab 切換
所有的頁(yè)面都退出了堆棧,只留下了新的標(biāo)簽頁(yè)。
調(diào)用API uni.switchTab,使用組件導(dǎo)航器open-type=" switchTab"/,由用戶切換Tab。
重加載
所有頁(yè)面都退出堆棧,只留下新頁(yè)面。
調(diào)用API uni.relax,并使用組件導(dǎo)航器open-type=" relax"/
//打開新頁(yè)面uni . navigate to({ URL : `/pages/index?id=$ { item . id } token=$ { this . token } ` });//Reload方法toIndex(index) {console.log("作品頁(yè)面選擇" index);uni . re launch({ URL : `/pages/index?id=$ { index } `});},api接口地址文件封裝在項(xiàng)目中。我們不同的頁(yè)面要請(qǐng)求不同的地址,我們的域名(測(cè)試和正式更改)統(tǒng)一放在指定的文件里,方便維護(hù)。
//1、接口。射流研究…文件,內(nèi)容如下:設(shè)域="https://pic.qubaike.com/pic/2023-03-21/bf5qlmi2kll _ ENV===" production "){ domain="https://pic.qubaike.com/pic/2023-03-21/vfeenidn5bv ",//登錄接口log in : domain " log in ",} module . exports=interfaces//2,在有請(qǐng)求的頁(yè)面,如index.vuescript從"導(dǎo)入接口./utils/interfaces.js "導(dǎo)出默認(rèn){ data(){ return { } }/script頁(yè)面用到的配置//pages.json文件中{ "路徑" : "頁(yè)面/索引," style " : { " navigationBarTitleText " : "當(dāng)前頁(yè)面的標(biāo)題","導(dǎo)航樣式" : "自定義",//當(dāng)前頁(yè)面不需要導(dǎo)航enablePullDownRefresh " : true,//配置后,可以下拉刷新,上拉加載onReachBottomDistance " :100 } },//滑動(dòng)到距離底部100像素的時(shí)候觸發(fā)onReachBottom() { console.log("滑動(dòng)到距離底部100像素的時(shí)候觸發(fā),可以放。業(yè)務(wù)邏輯");}, //下拉執(zhí)行的時(shí)候觸發(fā)onPullDownRefresh () { //放要執(zhí)行的動(dòng)作.wx.stopPullDownRefresh() //停止下拉刷新效果的api,如果發(fā)現(xiàn)進(jìn)入刷新?tīng)顟B(tài)無(wú)法停止,可以用這個(gè)},
花貝 亻言用卡 提現(xiàn)微信 15129 739599
亻言用卡★花貝★白條★分付等★提·現(xiàn)
熱門
聯(lián)系我們:435 226 40 @qq.com
版權(quán)所有 重播新聞網(wǎng) www.bluestd.cn 京ICP備2022022245號(hào)-17