跳轉(zhuǎn)大全

微信小程序頁(yè)面跳轉(zhuǎn)目前有以下方法(不全面的歡迎補(bǔ)充):

1. 利用小程序提供的 API 跳轉(zhuǎn):

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

// 注意:調(diào)用 navigateTo 跳轉(zhuǎn)時(shí),調(diào)用該方法的頁(yè)面會(huì)被加入堆棧,但是 redirectTo

wx.navigateTo({

? url: 'page/home/home?user_id=111'})

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

wx.navigateTo({

? url: 'page/home/home?user_id=111'  // 頁(yè)面 A})

wx.navigateTo({? url: 'page/detail/detail?product_id=222'  // 頁(yè)面 B})

// 跳轉(zhuǎn)到頁(yè)面 A

wx.navigateBack({? delta: 2})

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

? url: 'page/home/home?user_id=111'})

// 跳轉(zhuǎn)到tabBar頁(yè)面(在app.json中注冊(cè)過(guò)的tabBar頁(yè)面),同時(shí)關(guān)閉其他非tabBar頁(yè)面。wx.switchTab({

? url: 'page/index/index'})

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

? url: 'page/home/home?user_id=111'})


 2. wxml 頁(yè)面組件跳轉(zhuǎn)(可以通過(guò)設(shè)置open-type屬性指明頁(yè)面跳轉(zhuǎn)方式):

// navigator 組件默認(rèn)的 open-type 為 navigate

跳轉(zhuǎn)到新頁(yè)面

// redirect 對(duì)應(yīng) API 中的 wx.redirect 方法

<navigatorurl="../../redirect/redirect/redirect?title=redirect"open-type="redirect"hover-class="other-navigator-hover">在當(dāng)前頁(yè)打開(kāi)</navigator>

// switchTab 對(duì)應(yīng) API 中的 wx.switchTab 方法<navigatorurl="/page/index/index"open-type="switchTab"hover-class="other-navigator-hover">切換 Tab</navigator>

// reLanch 對(duì)應(yīng) API 中的 wx.reLanch 方法

<navigatorurl="../../redirect/redirect/redirect?title=redirect"open-type="redirect"hover-class="other-navigator-hover">關(guān)閉所有頁(yè)面,打開(kāi)到應(yīng)用內(nèi)的某個(gè)頁(yè)面</navigator>

// navigateBack 對(duì)應(yīng) API 中的 wx.navigateBack 方法<navigatorurl="/page/index/index"open-type="navigateBack"hover-class="other-navigator-hover">關(guān)閉當(dāng)前頁(yè)面,返回上一級(jí)頁(yè)面或多級(jí)頁(yè)面</navigator>

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容