微信小程序頁面之間的跳轉

    一、使用標簽跳轉

            index.wxml:

            在index.wxml頁面添加一個<navigator>元素，在元素里面使用屬性url就可以

            

    二、使用wx.navigateTo(OBJECT);

          wx.navigateTo(OBJECT)

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

            OBJECT 參數說明：

   

參數	類型	必填	說明
url	String	是	需要跳轉的應用內非 tabBar 的頁面的路徑 , 路徑后可以帶參數。參數與路徑之間使用?分隔，參數鍵與參數值用=相連，不同參數用&分隔；如 'path?key=value&key2=value2'
success	Function	否	接口調用成功的回調函數
fail	Function	否	接口調用失敗的回調函數
complete	Function	否	接口調用結束的回調函數（調用成功、失敗都會執行）

             示例代碼：

       wx.navigateTo({
         url: 'test?id=1' }) 

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

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

      三、  wx.redirectTo(OBJECT)

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

             OBJECT 參數說明：

參數	類型	必填	說明
url	String	是	需要跳轉的應用內非 tabBar 的頁面的路徑，路徑后可以帶參數。參數與路徑之間使用?分隔，參數鍵與參數值用=相連，不同參數用&分隔；如 'path?key=value&key2=value2'
success	Function	否	接口調用成功的回調函數
fail	Function	否	接口調用失敗的回調函數
complete	Function	否	接口調用結束的回調函數（調用成功、失敗都會執行）

              示例代碼：

       wx.redirectTo({
          url: 'test?id=1' }) 

            wx.reLaunch(OBJECT)

      基礎庫 1.1.0 開始支持，低版本需做兼容處理

              關閉所有頁面，打開到應用內的某個頁面。

              OBJECT 參數說明：

參數	類型	必填	說明
url	String	是	需要跳轉的應用內頁面路徑 , 路徑后可以帶參數。參數與路徑之間使用?分隔，參數鍵與參數值用=相連，不同參數用&分隔；如 'path?key=value&key2=value2'，如果跳轉的頁面路徑是 tabBar 頁面則不能帶參數
success	Function	否	接口調用成功的回調函數
fail	Function	否	接口調用失敗的回調函數
complete	Function	否	接口調用結束的回調函數（調用成功、失敗都會執行）

              示例代碼：

       wx.reLaunch({
          url: 'test?id=1' }) 

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

      四、wx.switchTab(OBJECT)

               跳轉到 tabBar 頁面，並關閉其他所有非 tabBar 頁面

               OBJECT 參數說明：

參數	類型	必填	說明
url	String	是	需要跳轉的 tabBar 頁面的路徑（需在 app.json 的 tabBar 字段定義的頁面），路徑后不能帶參數
success	Function	否	接口調用成功的回調函數
fail	Function	否	接口調用失敗的回調函數
complete	Function	否	接口調用結束的回調函數（調用成功、失敗都會執行）

                 示例代碼：

         {
                  "tabBar": { "list": [{ "pagePath": "index", "text": "首頁" },{ "pagePath": "other", "text": "其他" }] } } 

            wx.switchTab({
               url: '/index' }) 

       五、wx.navigateBack(OBJECT)

                 關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages()) 獲取當前的頁面棧，決定需要返回幾層。

                 OBJECT 參數說明：

參數	類型	默認值	說明
delta	Number	1	返回的頁面數，如果 delta 大於現有頁面數，則返回到首頁。

                 示例代碼：

 // 注意：調用 navigateTo 跳轉時，調用該方法的頁面會被加入堆棧，而 redirectTo 方法則不會。見下方示例代碼  // 此處是A頁面 wx.navigateTo({ url: 'B?id=1' })  // 此處是B頁面 wx.navigateTo({ url: 'C?id=1' })  // 在C頁面內 navigateBack，將返回A頁面 wx.navigateBack({ delta: 2 }) 

                Tip  

        tip: wx.navigateTo 和 wx.redirectTo 不允許跳轉到 tabbar 頁面，只能用 wx.switchTab 跳轉到 tabbar 頁面