路由跳轉(zhuǎn)的方法

1.打開(kāi)新頁(yè)面

   1.wx.navigateTo   或使用組件     <navigator open-type="navigateTo"/>
      保留當(dāng)前頁(yè)面盐碱，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面，使用   wx.navigateBack  可以返回到原頁(yè)面。
       屬性用法：
          url：         類型是String     跳轉(zhuǎn)非 tabBar 的頁(yè)面的路徑 , 路徑后可以帶參數(shù)瓮顽。參數(shù)與路徑之間使用?分隔县好，參數(shù)鍵與參數(shù)值用=相連，不同參數(shù)用&分隔趣倾；如 'path?key=value&key2=value2'
          success：     類型Function     接口調(diào)用成功的回調(diào)函數(shù)
          fail：        類型Function     接口調(diào)用失敗的回調(diào)函數(shù)
          complete：    類型Function     接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功聘惦、失敗都會(huì)執(zhí)行）
例 ： wx.navigateTo({
            url: 'test?id=1'
         })
      //test.js
      Page({
      onLoad: function(option){
            console.log(option.query)
       }
      })  
     目前頁(yè)面路徑最多只能十層。

2.頁(yè)面重定向

   1.wx.redirectTo    或使用組件     <navigator open-type="redirectTo"/>
       屬性用法：
          url：         類型是String     跳轉(zhuǎn)非 tabBar 的頁(yè)面的路徑 , 路徑后可以帶參數(shù)儒恋。參數(shù)與路徑之間使用?分隔善绎，參數(shù)鍵與參數(shù)值用=相連，不同參數(shù)用&分隔诫尽；如 'path?key=value&key2=value2'
          success：     類型Function     接口調(diào)用成功的回調(diào)函數(shù)
          fail：        類型Function     接口調(diào)用失敗的回調(diào)函數(shù)
          complete：    類型Function     接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功禀酱、失敗都會(huì)執(zhí)行）
例 ： wx.redirectTo({
            url: 'test?id=1'
         })
      //test.js

3.頁(yè)面返回

   1. wx.navigateBack    或使用組件    <navigator open-type="navigateBack">
     關(guān)閉當(dāng)前頁(yè)面，返回上一頁(yè)面或多級(jí)頁(yè)面牧嫉〖粮可通過(guò) getCurrentPages()) 獲取當(dāng)前的頁(yè)面棧，決定需要返回幾層酣藻。
       屬性用法：
          url：         類型是String     跳轉(zhuǎn)非 tabBar 的頁(yè)面的路徑 , 路徑后可以帶參數(shù)曹洽。參數(shù)與路徑之間使用?分隔，參數(shù)鍵與參數(shù)值用=相連辽剧，不同參數(shù)用&分隔送淆；如 'path?key=value&key2=value2'
          success：     類型Function     接口調(diào)用成功的回調(diào)函數(shù)
          fail：        類型Function     接口調(diào)用失敗的回調(diào)函數(shù)
          complete：    類型Function     接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）
例 ：// 此處是A頁(yè)面
    wx.navigateTo({
          url: 'B?id=1'
      })

      // 此處是B頁(yè)面
    wx.navigateTo({
         url: 'C?id=1'
    })

    // 在C頁(yè)面內(nèi) navigateBack怕轿，將返回A頁(yè)面
    wx.navigateBack({
          delta: 2
    })
  })  

4.Tab 切換

   1.wx.switchTab 或使用組件     <navigator open-type="switchTab "/>
       屬性用法：
          url：         類型是String     需要跳轉(zhuǎn)的 tabBar 頁(yè)面的路徑（需在 app.json 的 [tabBar]字段定義的頁(yè)面）偷崩，路徑后不能帶參數(shù)
          success：     類型Function     接口調(diào)用成功的回調(diào)函數(shù)
          fail：        類型Function     接口調(diào)用失敗的回調(diào)函數(shù)
          complete：    類型Function     接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）
例 ：{
       "tabBar": {
           "list": [{
             "pagePath": "index",
             "text": "首頁(yè)"
           },{
            "pagePath": "other",
            "text": "其他"
           }]
         }
      }
   wx.switchTab({
           url: '/index'
   })

5.Tab 切換

   1.wx.reLaunch   或使用組件    <navigator open-type="reLaunch"/>
      閉所有頁(yè)面撞羽，打開(kāi)到應(yīng)用內(nèi)的某個(gè)頁(yè)面
       屬性用法：
          url：        需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁(yè)面路徑 , 路徑后可以帶參數(shù)阐斜。參數(shù)與路徑之間使用?分隔，參數(shù)鍵與參數(shù)值用=相連诀紊，不同參數(shù)用&分隔谒出；如 'path?key=value&key2=value2'，如果跳轉(zhuǎn)的頁(yè)面路徑是 tabBar 頁(yè)面則不能帶參數(shù)
          success：     類型Function     接口調(diào)用成功的回調(diào)函數(shù)
          fail：        類型Function     接口調(diào)用失敗的回調(diào)函數(shù)
          complete：    類型Function     接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功邻奠、失敗都會(huì)執(zhí)行）
  例 ：wx.reLaunch({
               url: 'test?id=1'
       })
       //test.js
  Page({
          onLoad: function(option){
        console.log(option.query)
      }
 })

tip: wx.navigateTo 和 wx.redirectTo 不允許跳轉(zhuǎn)到 tabbar 頁(yè)面到推，只能用 wx.switchTab 跳轉(zhuǎn)到 tabbar 頁(yè)面