知識(shí)
不管是網(wǎng)站,軟件還是小程序,都要直接或間接能為您產(chǎn)生價(jià)值,我們在追求其視覺表現(xiàn)的同時(shí),更側(cè)重于功能的便捷,營銷的便利,運(yùn)營的高效,讓網(wǎng)站成為營銷工具,讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持!
您當(dāng)前位置>首頁 » 新聞資訊 » 小程序相關(guān) >
如何跳出小程序五級(jí)頁面的限制
發(fā)表時(shí)間:2022-9-14
發(fā)布人:葵宇科技
瀏覽次數(shù):122
前言:做小程序開發(fā),就要在微信的規(guī)則內(nèi)玩耍。最近做的小程序經(jīng)常會(huì)有個(gè)報(bào)錯(cuò):RangeError: Maximum call stack size exceeded。這意思是說小程序頁面超過5級(jí)跳轉(zhuǎn)了,應(yīng)該怎么解決呢?
微信小程序官方文檔中,關(guān)于頁面的跳轉(zhuǎn),有三個(gè)API,兩個(gè)跳轉(zhuǎn)新頁面的 API 分別為wx.navigateTo和wx.redirectTo,還有一個(gè) API 名為wx.navigateBack,它用于返回上級(jí)頁面。
wx.navigateBack在小程序的初始版本中只能回到上一個(gè)頁面,在最新版本(0.10.102800)的更新中給navigateBack添加了一個(gè)參數(shù)delta,用于決定需要返回幾層頁面。
navigator組件的默認(rèn)跳轉(zhuǎn)方式與wx.navigateTo相同,而如果添加redirect屬性,則與wx.redirectTo的跳轉(zhuǎn)方式相同。
wx.navigateTo在官方文檔中描述如下:
保留當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面,使用wx.navigateBack可以返回到原頁面。
通過navigateTo跳轉(zhuǎn)后,可點(diǎn)擊左上角的按鈕返回上一個(gè)頁面。而如果多次調(diào)用navigateTo之后,就需要返回多次才能回到初始頁面,這種交互更像是客戶端打開一個(gè)新的view。因此,官方在此處有一個(gè)限制(最多五級(jí))。
注意:為了不讓用戶在使用小程序時(shí)造成困擾,我們規(guī)定頁面路徑只能是五層,請(qǐng)盡量避免多層級(jí)的交互方式。
不過上述五層的限制只是針對(duì)navigateTo,redirectTo則無此限制。因?yàn)閞edirectTo的行為是:
關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁面。
因此,當(dāng)頁面?zhèn)€數(shù)超過五層時(shí),應(yīng)該用redirectTo來替換navigateTo,就可以避免Maximum call stack size exceeded的異常,但是redirectTo關(guān)閉當(dāng)前頁面的做法,有些場景并不適用,比如,從列表頁進(jìn)詳情頁面,如果進(jìn)入詳情頁面時(shí),關(guān)閉列表頁面,再次back時(shí),就沒辦法回到列表頁面。
通過redirectTo跳轉(zhuǎn)后,只是無法返回跳轉(zhuǎn)前的頁面,但并不是無法調(diào)用navigateBack,而是調(diào)用之后,會(huì)回到使用redirectTo跳轉(zhuǎn)前的上一個(gè)頁面。
頁面??梢酝ㄟ^getCurrentPages方法獲取:
getCurrentPages()函數(shù)用于獲取當(dāng)前頁面棧的實(shí)例,以數(shù)組形式按棧的順序給出,第一個(gè)元素為首頁,最后一個(gè)元素為當(dāng)前頁面。
這個(gè)方法也比較適用,在多層頁面跳轉(zhuǎn)中,你可能會(huì)用的到。
相關(guān)案例查看更多
相關(guān)閱讀
- 網(wǎng)站制作哪家好
- 微信分銷系統(tǒng)
- 網(wǎng)站制作
- 云南網(wǎng)站建設(shè)報(bào)價(jià)
- 企業(yè)網(wǎng)站
- 商標(biāo)注冊
- typescript
- 網(wǎng)絡(luò)公司聯(lián)系方式
- 專業(yè)網(wǎng)站建設(shè)公司
- 汽車回收系統(tǒng)
- 紅河小程序開發(fā)
- 云南網(wǎng)站建設(shè)靠譜公司
- 網(wǎng)站排名
- 楚雄網(wǎng)站建設(shè)公司
- 網(wǎng)站建設(shè)選
- 云南網(wǎng)站建設(shè)快速優(yōu)化
- 快排推廣
- 云南網(wǎng)站建設(shè)費(fèi)用
- 云南小程序開發(fā)公司
- 小程序表單
- 網(wǎng)站建設(shè)價(jià)格
- 網(wǎng)站建設(shè)特性
- 報(bào)廢車管理
- 網(wǎng)站收錄
- web學(xué)習(xí)路線
- 云南etc小程序
- 小程序開發(fā)聯(lián)系方式
- 安家微信小程序
- 海報(bào)插件
- 云南網(wǎng)站維護(hù)