微信小程序開發(fā)：學(xué)習(xí)筆記[8]——頁面跳轉(zhuǎn)及傳參

頁面跳轉(zhuǎn)

　　一個(gè)小程序擁有多個(gè)頁面，我們可以通過wx.navigateTo推入一個(gè)新的頁面。在首頁使用2次wx.navigateTo后，頁面層級(jí)會(huì)有三層，我們把這樣的一個(gè)頁面層級(jí)稱為頁面棧。

　　后續(xù)為了表述方便，我們采用這樣的方式進(jìn)行描述頁面棧：[ pageA, pageB, pageC ]，其中pageA在最底下，pageC在最頂上，也就是用戶所看到的界面，需要注意在本書編寫的時(shí)候，小程序宿主環(huán)境限制了這個(gè)頁面棧的最大層級(jí)為10層 ，也就是當(dāng)頁面棧到達(dá)10層之后就沒有辦法再推入新的頁面了。我們下面來通過上邊這個(gè)頁面棧描述以下幾個(gè)和導(dǎo)航相關(guān)的API。

• 使用 wx.navigateTo({ url: 'pageD' }) 可以往當(dāng)前頁面棧多推入一個(gè) pageD，此時(shí)頁面棧變成 [ pageA, pageB, pageC, pageD ]。
• 使用 wx.navigateBack() 可以退出當(dāng)前頁面棧的最頂上頁面，此時(shí)頁面棧變成 [ pageA, pageB, pageC ]。
• 使用wx.redirectTo({ url: 'pageE' }) 是替換當(dāng)前頁變成pageE，此時(shí)頁面棧變成 [ pageA, pageB, pageE ]，當(dāng)頁面棧到達(dá)10層沒法再新增的時(shí)候，往往就是使用redirectTo這個(gè)API進(jìn)行頁面跳轉(zhuǎn)。

　　如果要跳轉(zhuǎn)的位置是否位于TabBar中，如果是的話，要使用wx.switchTab 來跳轉(zhuǎn)界面：

　　

?

頁面?zhèn)鲄?/h3>

第一步：調(diào)用Navigator進(jìn)行頁面跳轉(zhuǎn)時(shí)攜帶參數(shù)

第二步：在新頁面接受參數(shù)

第三步：在新頁面顯示參數(shù)

?

轉(zhuǎn)載于:https://www.cnblogs.com/MrSaver/p/9124279.html

總結(jié)

以上是生活随笔為你收集整理的微信小程序开发：学习笔记[8]——页面跳转及传参的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。