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

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

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

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

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

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

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

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

示例代碼：

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

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

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'
})

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.navigateTo({
  url: 'C?id=1'
})

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

Tip

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

wx.setNavigationBarTitle(Object object)

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

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

示例代碼

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

wx.setNavigationBarColor(Object object)

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

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

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

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)前頁(yè)面隱藏導(dǎo)航條加載動(dòng)畫

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

wx.hideHomeButton(Object object)

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

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

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