小程序開發頁面實現跳轉的方法

這篇文章主要介紹了小程序開發頁面實現跳轉的方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

在以往的APP或網頁產品中，用戶使用時可以瀏覽多個頁面，這些產品的服務器可以承載足夠多的數據。而小程序的特點就是規模小，為了不讓用戶在使用小程序時造成困擾，微信小程序規定頁面路徑只能是五層，請盡量避免多層級的交互方式。

頁面跳轉的話就涉及到了多個頁面層級

第一種：wx.navigateTo(OBJECT)

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

OBJECT參數說明：

url String 需要跳轉的應用內頁面的路徑 , 路徑后可以帶參數。參數與路徑之間使用?分隔，參數鍵與參數值用=相連，不同參數用&分隔；如 ‘path?key=value&key2=value2’

success Function 接口調用成功的回調函數

fail Function 接口調用失敗的回調函數

complete Function 接口調用結束的回調函數（調用成功、失敗都會執行）

onLoad:function(options) {
wx.navigateTo({
url:\'../index/index\' })}

第二種：wx.redirectTo(OBJECT)

關閉當前頁面，跳轉到應用內的某個頁面。

OBJECT參數說明：

url String  需要跳轉的應用內頁面的路徑

success Function  接口調用成功的回調函數

fail Function  接口調用失敗的回調函數

complete Function  接口調用結束的回調函數（調用成功、失敗都會執行）

onLoad:function(options) {
 wx.redirectTo({
url:\'../index/index\' }) }

第三種：wx.navigateBack(OBJECT)

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

OBJECT參數說明：

delta Number  返回的頁面數，如果 delta 大于現有頁面數，則返回到首頁。

onLoad:function(options) {
var pages =getCurrentPages()
var num =pages.length
navigateBack:function(){
 wx.navigateBack({
 delta: num
})}}

感謝你能夠認真閱讀完這篇文章，希望小編分享小程序開發頁面實現跳轉的方法內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!