微信小程序開發：學習筆記[8]——頁面跳轉及傳參

頁面跳轉

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

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

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

　　如果要跳轉的位置是否位於TabBar中，如果是的話，要使用wx.switchTab 來跳轉界面：

　　

 

頁面傳參

第一步：調用Navigator進行頁面跳轉時攜帶參數

第二步：在新頁面接受參數

第三步：在新頁面顯示參數