小程式開發頁面如何實現跳轉？

在以往的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
})}}

推薦：《小程式開發教學》

以上是小程式開發頁面如何實現跳轉？的詳細內容。更多資訊請關注PHP中文網其他相關文章！