微信小程序中如何使用wx.navigateTo返回到原頁面

這篇“微信小程序中如何使用wx.navigateTo返回到原頁面”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“微信小程序中如何使用wx.navigateTo返回到原頁面”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進(jìn)入主題吧。

wx.navigateTo(OBJECT)

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

OBJECT 參數(shù)說明：

示例代碼：

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

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

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

wx.redirectTo(OBJECT)

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

OBJECT 參數(shù)說明：

示例代碼：

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

wx.reLaunch(OBJECT)

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

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

OBJECT 參數(shù)說明：

示例代碼：

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

//test.jsPage({
  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)時，調(diào)用該方法的頁面會被加入堆棧，而 redirectTo 方法則不會。見下方示例代碼// 此處是A頁面wx.navigateTo({
  url: 'B?id=1'})// 此處是B頁面wx.navigateTo({
  url: 'C?id=1'})// 在C頁面內(nèi) navigateBack，將返回A頁面wx.navigateBack({
  delta: 2})

小程序是什么意思

小程序是一種不需要下載安裝即可使用的應(yīng)用，通過掃描二維碼或是搜一搜立即使用，操作簡單，便于傳播，能夠?qū)崿F(xiàn)消息通知、線下掃碼、公眾號關(guān)聯(lián)等七大功能。它基于微信運(yùn)行的，類似于APP，想用就用，用完即走，不會占用內(nèi)存。

以上是“微信小程序中如何使用wx.navigateTo返回到原頁面”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！