1、uni.navigateTo: 保留當前頁面,跳轉到應用的某個頁面,使用 uni.navigateBack 可以返回原頁面。這種方式類似于網頁的超鏈接跳轉。
2、uni.redirectTo: 關閉當前頁面,跳轉大應用內的某個頁面。這種方式類似于網頁的重定向。
3、uni.switchTab: 跳轉到tabBar頁面,并關閉其他所有非tabBar頁面。
4、uni.reLaunch: 關閉所有頁面,打開到應用內的某個頁面。
5、nui.navigateBack: 關閉當前頁面,返回上一頁或多級頁面。
? ? ? ? 這些跳轉方式的主要區(qū)別在于他們對頁面棧的處理方式不同。uni.navigateTo 會將新頁面壓入頁面棧,而 uni.redirectTo 則不會打開新的頁面,而 switchTab 和 reLaunch 、
? ? ? ? uni.switchTab 和 uni.reLaunch 則會關閉當前頁面。uni.navigateBack 則會從頁面棧中彈出當前頁面,返回到上一頁面或多級頁面。
以下是這些跳轉方式的代碼示例:
// uni.navigateTo
uni.navigateTo({
url: '/pages/example/example'
});
// uni.redirectTo
uni.redirectTo({
url: '/pages/example/example'
});
// uni.switchTab
uni.switchTab({
url: '/pages/example/example'
});
// uni.reLaunch
uni.reLaunch({
url: '/pages/example/example'
});
// uni.navigateBack
uni.navigateBack({
delta: 1
});
在使用這些跳轉方式時,需要注意以下幾點:
? ? ? ?1、頁面棧最大深度為10,當超過10時,需要使用 uni.redirectTo 或 uni.reLaunch。
? ? ? ?2、uni.switchTab 只能用于跳轉到 tabBar 頁面,不能指定參數。
? ? ? ?3、uni.reLaunch 可以關閉所有頁面,包括 tabBar 頁面。
? ? ? ? 4、uni.navigateTo?和?uni.redirectTo?的跳轉方式都可以指定參數。參數可以通過 URL 的查詢字符串(query string)來傳遞。
????????以下是使用?uni.navigateTo?和?uni.redirectTo?指定參數的代碼示例:文章來源:http://www.zghlxwxcb.cn/news/detail-514262.html
// uni.navigateTo
uni.navigateTo({
url: '/pages/example/example?param1=value1¶m2=value2'
});
// uni.redirectTo
uni.redirectTo({
url: '/pages/example/example?param1=value1¶m2=value2'
});
? ? ? ? 在上述示例中,我們通過查詢字符串??param1=value1?m2=value2?將參數?param1?和?param2?傳遞給目標頁面。在目標頁面中,我們可以通過?this.$route.query?來獲取這些參數。文章來源地址http://www.zghlxwxcb.cn/news/detail-514262.html
到了這里,關于小程序(uniapp)頁面的跳轉方式有哪些,他們之間的區(qū)別是什么?的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!