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

為了滿足大家查詢需要，我們收集并整理了一份 : 微信小程序?qū)Ш酱笕?/a> 你可以很方便的通過掃二維碼去使用這些小程序。

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

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

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

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

關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個(gè)頁面。

OBJECT 參數(shù)說明：

示例代碼：

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

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

wx.switchTab(OBJECT)

---

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

OBJECT 參數(shù)說明：

示例代碼：

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

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

wx.navigateBack(OBJECT)

---

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

OBJECT 參數(shù)說明：

示例代碼：

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

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

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

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

Tip

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

wx.setNavigationBarTitle(Object object)

動(dòng)態(tài)設(shè)置當(dāng)前頁面的標(biāo)題

OBJECT 參數(shù)說明：

示例代碼

wx.setNavigationBarTitle({
  title: '當(dāng)前頁面'
})

wx.setNavigationBarColor(Object object)

基礎(chǔ)庫 1.4.0 開始支持，低版本需做兼容處理。

設(shè)置頁面導(dǎo)航條顏色

OBJECT 參數(shù)說明：

object.animation 的結(jié)構(gòu)

object.animation.timingFunc 的合法值

示例代碼

wx.setNavigationBarColor({
  frontColor: '#ffffff',
  backgroundColor: '#ff0000',
  animation: {
    duration: 400,
    timingFunc: 'easeIn'
  }
})

wx.hideNavigationBarLoading(Object object)

在當(dāng)前頁面隱藏導(dǎo)航條加載動(dòng)畫

OBJECT 參數(shù)說明：

wx.hideHomeButton(Object object)

基礎(chǔ)庫 2.8.3 開始支持，低版本需做兼容處理。

隱藏返回首頁按鈕。微信7.0.7版本起，當(dāng)用戶打開的小程序最底層頁面是非首頁時(shí)，默認(rèn)展示“返回首頁”按鈕，開發(fā)者可在頁面 onShow 中調(diào)用 hideHomeButton 進(jìn)行隱藏。

OBJECT 參數(shù)說明：