1. 程式人生 > >微信小程式(導航API)

微信小程式(導航API)

1.wx.navigateTo(OBJECT)

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

OBJECT 引數說明:

這裡寫圖片描述

示例程式碼:

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

2.wx.redirectTo(OBJECT)

關閉當前頁面,跳轉到應用內的某個頁面。
OBJECT 引數說明:

這裡寫圖片描述

示例程式碼:

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

3.wx.switchTab(OBJECT)

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

OBJECT 引數說明:

這裡寫圖片描述

示例程式碼:

{
  "tabBar": {
    "list": [{
      "pagePath": "index",
      "text": "首頁"
    },{
      "pagePath": "other",
      "text": "其他"
    }]
  }
}
wx.switchTab({
  url: '/index'
})

4.wx.navigateBack(OBJECT)

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

OBJECT 引數說明:

這裡寫圖片描述

示例程式碼:

// 注意:呼叫 navigateTo 跳轉時,呼叫該方法的頁面會被加入堆疊,而 redirectTo 方法則不會。見下方示例程式碼

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

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

// 在C頁面內 navigateBack,將返回A頁面
wx.navigateBack({
  delta: 2
})

注意:

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