微信小程序 頁面跳轉和數據傳遞

1.先導

在Android中，我們Activity和Fragment都有棧的概念在里面，微信小程序頁面也有棧的概念在里面。微信小程序頁面跳轉有四種方式：

1.wx.navigateTo(OBJECT)；
2.wx.redirectTo(OBJECT)；
3.wx.switchTab(OBJECT)；
4.wx.navigateBack(OBJECT)
5.使用實現對應的跳轉功能；

分析：

其中navigateTo是將原來的頁面保存在頁面棧中，在跳入到下一個頁面的時候目標頁面也進棧，只有在這個情況下點擊手機的返回按鈕才可以跳轉到上一個頁面； redirectTo和switchTab都是先清除棧中原來的頁面，然后目標頁面進棧，使用這兩種跳轉方式，都不能通過系統的返回鍵回到上一個頁面，而是直接退出小程序； redirectTo使用的時候一定要配合tabBar或是頁面里面可以再次跳轉按鈕，否則無法回到上一個頁面； switchTab跳轉的頁面必須是tabBar中聲明的頁面； tabBar中定義的字段不能超過5個頁面，小程序的頁面棧層次也不能超過5層。 navigateBack只能返回到頁面棧中的指定頁面，一般和navigateTo配合使用。 wx.navigateTo 和 wx.redirectTo 不允許跳轉到 tabbar 頁面，只能用 wx.switchTab 跳轉到 tabbar 頁面

2.頁面跳轉的具體操作

(1)wx.navigateTo(OBJECT)

保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。

示例代碼：

wx.navigateTo({ url: 'test?id=1'//實際路徑要寫全})

//test.jsPage({ onLoad: function(option){ console.log(option.query)  }})

注意：為了不讓用戶在使用小程序時造成困擾，我們規定頁面路徑只能是五層，請盡量避免多層級的交互方式。

（2）wx.redirectTo(OBJECT)

關閉當前頁面，跳轉到應用內的某個頁面。