微信小程序API 導(dǎo)航

一、wx.navigateTo(OBJECT)

保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面，使用wx.navigateBack可以返回到原頁(yè)面。

OBJECT 參數(shù)說(shuō)明：

示例代碼：

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

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

注意：為了不讓用戶在使用小程序時(shí)造成困擾，我們規(guī)定頁(yè)面路徑只能是五層，請(qǐng)盡量避免多層級(jí)的交互方式。

二、wx.redirectTo(OBJECT)

關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。

OBJECT 參數(shù)說(shuō)明：

示例代碼：

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

三、wx.navigateBack(OBJECT)

關(guān)閉當(dāng)前頁(yè)面，返回上一頁(yè)面或多級(jí)頁(yè)面?？赏ㄟ^(guò) getCurrentPages()) 獲取當(dāng)前的頁(yè)面棧，決定需要返回幾層。

OBJECT 參數(shù)說(shuō)明：

示例代碼：

// 注意：調(diào)用 navigateTo 跳轉(zhuǎn)時(shí)，調(diào)用該方法的頁(yè)面會(huì)被加入堆棧，而 redirectTo 方法則不會(huì)。見(jiàn)下方示例代碼

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

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

// 在C頁(yè)面內(nèi) navigateBack，將返回A頁(yè)面
wx.navigateBack()

四、wx.switchTab(OBJECT)

跳轉(zhuǎn)到 tabBar 頁(yè)面，并關(guān)閉其他所有非 tabBar 頁(yè)面

OBJECT 參數(shù)說(shuō)明：

示例代碼：

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

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

Bug & Tip

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