小程序路由跳轉
小程序路由跳轉
通過組件navigator跳轉,設置url屬性指定跳轉的路徑,設置open-type屬性指定跳轉的類型(可選),open-type的屬性有 redirect, switchTab, navigateBack
// redirect 對應 API 中的 wx.redirect 方法
在當前頁打開
// navigator 組件默認的 open-type 為 navigate
跳轉到新頁面
// switchTab 對應 API 中的 wx.switchTab 方法
切換 Tab
// reLanch 對應 API 中的 wx.reLanch 方法
//關閉所有頁面,打開到應用內(nèi)的某個頁面
// navigateBack 對應 API 中的 wx.navigateBack 方法
關閉當前頁面,返回上一級頁面或多級頁面
復制代碼
通過api跳轉,wx.navigateTo() , wx.navigateBack(), wx.redirectTo() , wx.switchTab(), wx.reLanch()
wx.navigateTo({
url: 'page/home/home?user_id=1' // 頁面 A
})
wx.navigateTo({
url: 'page/detail/detail?product_id=2' // 頁面 B
})
// 跳轉到頁面 A
wx.navigateBack({
delta: 2 //返回指定頁面
})
復制代碼
// 關閉當前頁面,跳轉到應用內(nèi)的某個頁面。
wx.redirectTo({
url: 'page/home/home?user_id=111'
})
// 跳轉到tabBar頁面(在app.json中注冊過的tabBar頁面),同時關閉其他非tabBar頁面。
wx.switchTab({
url: 'page/index/index'
})
// 關閉所有頁面,打開到應用內(nèi)的某個頁面。
wx.reLanch({
url: 'page/home/home?user_id=111'
})

相關推薦HOT
更多>>
SEO優(yōu)化
SEO優(yōu)化,1、合理的title、description、keywords:搜索對著三項的權重逐個減小,title值強調(diào)重點即可;description把頁面內(nèi)容高度概括,不可過...詳情>>
2023-04-03 15:11:51
Python數(shù)據(jù)生產(chǎn)器
Python數(shù)據(jù)生產(chǎn)器,在軟件開發(fā)、測試或者數(shù)據(jù)分析過程中,有時候會需要一些測試數(shù)據(jù)。做測試的時候,需要模擬真實的環(huán)境,但是又不能直接使用真...詳情>>
2023-03-28 15:56:13
Java集合是什么?Java集合詳解
Java集合是Java編程語言中的一個重要概念,用于存儲、管理和處理數(shù)據(jù)。Java集合框架提供了一組接口和類,用于實現(xiàn)常見的數(shù)據(jù)結構,如列表、棧、...詳情>>
2023-03-20 19:12:47
js查找字符串中指定字符的位置
另外,如果要查找一個字符串中所有出現(xiàn)的指定字符的位置,可以使用indexOf()方法結合循環(huán)來實現(xiàn)。然后,我們使用循環(huán)遍歷字符串中的每一個字符...詳情>>
2023-03-10 14:06:35熱門推薦
技術干貨







快速通道 更多>>
-
課程介紹
點擊獲取大綱 -
就業(yè)前景
查看就業(yè)薪資 -
學習費用
了解課程價格 -
優(yōu)惠活動
領取優(yōu)惠券 -
學習資源
領3000G教程 -
師資團隊
了解師資團隊 -
實戰(zhàn)項目
獲取項目源碼 -
開班地區(qū)
查看來校路線