小程序開(kāi)發(fā)頁(yè)面實(shí)現(xiàn)跳轉(zhuǎn)的方法

這篇文章主要介紹了小程序開(kāi)發(fā)頁(yè)面實(shí)現(xiàn)跳轉(zhuǎn)的方法，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

在以往的APP或網(wǎng)頁(yè)產(chǎn)品中，用戶使用時(shí)可以瀏覽多個(gè)頁(yè)面，這些產(chǎn)品的服務(wù)器可以承載足夠多的數(shù)據(jù)。而小程序的特點(diǎn)就是規(guī)模小，為了不讓用戶在使用小程序時(shí)造成困擾，微信小程序規(guī)定頁(yè)面路徑只能是五層，請(qǐng)盡量避免多層級(jí)的交互方式。

頁(yè)面跳轉(zhuǎn)的話就涉及到了多個(gè)頁(yè)面層級(jí)

第一種：wx.navigateTo(OBJECT)

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

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

url String 需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁(yè)面的路徑 , 路徑后可以帶參數(shù)。參數(shù)與路徑之間使用?分隔，參數(shù)鍵與參數(shù)值用=相連，不同參數(shù)用&分隔；如 ‘path?key=value&key2=value2’

success Function 接口調(diào)用成功的回調(diào)函數(shù)

fail Function 接口調(diào)用失敗的回調(diào)函數(shù)

complete Function 接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）

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

第二種：wx.redirectTo(OBJECT)

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

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

url String  需要跳轉(zhuǎn)的應(yīng)用內(nèi)頁(yè)面的路徑

success Function  接口調(diào)用成功的回調(diào)函數(shù)

fail Function  接口調(diào)用失敗的回調(diào)函數(shù)

complete Function  接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會(huì)執(zhí)行）

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

第三種：wx.navigateBack(OBJECT)

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

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

delta Number  返回的頁(yè)面數(shù)，如果 delta 大于現(xiàn)有頁(yè)面數(shù)，則返回到首頁(yè)。

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享小程序開(kāi)發(fā)頁(yè)面實(shí)現(xiàn)跳轉(zhuǎn)的方法內(nèi)容對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問(wèn)題就找億速云，詳細(xì)的解決方法等著你來(lái)學(xué)習(xí)!