uniapp組件強(qiáng)制刷新,uniapp組件調(diào)用?很多人不了解,今天趣百科為大家?guī)硐嚓P(guān)內(nè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è)平臺上。//# ifndef:如果沒有定義,除了某個(gè)平臺,條件編譯都用特殊注釋標(biāo)記,注釋中的代碼在編譯時(shí)根據(jù)這些特殊注釋編譯到不同的平臺。點(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ò)誤消息//其他邏輯處理//.});},頁面跳轉(zhuǎn)/頁面堆??蚣芤远褩5男问焦芾懋?dāng)前所有頁面。當(dāng)發(fā)生路由切換時(shí),頁面堆棧的行為如下:
路由方式
頁面棧表現(xiàn)
觸發(fā)時(shí)機(jī)
初始化
新頁面堆疊
uni-app打開的第一頁
打開新頁面
新頁面堆疊
調(diào)用API uni.navigateTo并使用組件導(dǎo)航器open-type="navigate"/
頁面重定向
當(dāng)前頁面不在堆棧中,新頁面在堆棧中。
調(diào)用API uni.redirectTo并使用組件導(dǎo)航器open-type=" redirectto"/
頁面返回
繼續(xù)將頁面推出堆棧,直到目標(biāo)返回頁面。
調(diào)用API uni.navigateBack,使用組件navigator open-type=" navigateback "/,用戶按左上角返回按鈕,Android用戶點(diǎn)擊物理返回按鈕。
Tab 切換
所有的頁面都退出了堆棧,只留下了新的標(biāo)簽頁。
調(diào)用API uni.switchTab,使用組件導(dǎo)航器open-type=" switchTab"/,由用戶切換Tab。
重加載
所有頁面都退出堆棧,只留下新頁面。
調(diào)用API uni.relax,并使用組件導(dǎo)航器open-type=" relax"/
//打開新頁面uni . navigate to({ URL : `/pages/index?id=$ { item . id } token=$ { this . token } ` });//Reload方法toIndex(index) {console.log("作品頁面選擇" index);uni . re launch({ URL : `/pages/index?id=$ { index } `});},api接口地址文件封裝在項(xiàng)目中。我們不同的頁面要請求不同的地址,我們的域名(測試和正式更改)統(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,在有請求的頁面,如index.vuescript從"導(dǎo)入接口./utils/interfaces.js "導(dǎo)出默認(rèn){ data(){ return { } }/script頁面用到的配置//pages.json文件中{ "路徑" : "頁面/索引," style " : { " navigationBarTitleText " : "當(dāng)前頁面的標(biāo)題","導(dǎo)航樣式" : "自定義",//當(dāng)前頁面不需要導(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ài)無法停止,可以用這個(gè)},
花貝 亻言用卡 提現(xiàn)微信 15129 739599
亻言用卡★花貝★白條★分付等★提·現(xiàn)
熱門
聯(lián)系我們:435 226 40 @qq.com
版權(quán)所有 重播新聞網(wǎng) www.hbmingxingmzc.cn 京ICP備2022022245號-17