微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)
第一種:<navigator></navigator>標(biāo)簽.
這是最常見的一種跳轉(zhuǎn)方式,相當(dāng)于html里的a標(biāo)簽.但需要注意的是 該方法不能跳轉(zhuǎn)tabbar頁面.
格式為:
<navigator url="........"></navigator>
第二種:wx.navigateTo.
通過構(gòu)造js函數(shù),在函數(shù)中調(diào)用該接口可實現(xiàn)頁面跳轉(zhuǎn)的效果.但該接口同樣不能跳轉(zhuǎn)tabbar頁面.跳轉(zhuǎn)后左上角有返回小箭頭,點擊可返回原本頁面.
格式為:
<view class="select_calculator" bindtap="next_calculator">
next_calculator:function () { wx.navigateTo({ url: '/pages/calculator/calculator', }) },
第三種:wx.redirectTo.
關(guān)閉當(dāng)前頁面,跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面(不能跳轉(zhuǎn)tabbar頁面)。類似于html中的 window.open('.....');
跳轉(zhuǎn)后左上角出現(xiàn)返回小箭頭,點擊后可返回原本頁面.
第四種:wx.switchTab.
跳轉(zhuǎn)到 tabBar 頁面,并關(guān)閉其他所有非 tabBar 頁面;該方法只能跳轉(zhuǎn)tabbar頁面.
例如:
js:
post_calculator:function () { wx.switchTab({ url: '/pages/calculator/calculator', }) }, })
第五種:wx.reLaunch.
關(guān)閉所有頁面,打開到應(yīng)用內(nèi)的某個頁面。
跟 wx.redirectTo
一樣左上角不會出現(xiàn)返回箭頭,但兩者卻不完全相同;
到此這篇關(guān)于微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)的文章就介紹到這了,更多相關(guān)小程序 頁面跳轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
ES6新特性之類(Class)和繼承(Extends)相關(guān)概念與用法分析
這篇文章主要介紹了ES6新特性之類(Class)和繼承(Extends)相關(guān)概念與用法,結(jié)合實例形式較為詳細(xì)的分析了ES6中類(Class)和繼承(Extends)的基本概念、語法、使用方法與注意事項,需要的朋友可以參考下2017-05-05bootstrap timepicker在angular中取值并轉(zhuǎn)化為時間戳
這篇文章主要介紹了bootstrap timepicker在angular中取值并轉(zhuǎn)化為時間戳的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06JS中注入eval, Function等系統(tǒng)函數(shù)截獲動態(tài)代碼
這篇文章主要介紹了JS中注入eval, Function等系統(tǒng)函數(shù)截獲動態(tài)代碼,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)
使用uni.$emit觸發(fā)事件后,對應(yīng)的uni.$on就會監(jiān)聽到事件觸發(fā),在回調(diào)中去執(zhí)行相關(guān)的邏輯,下面這篇文章主要給大家介紹了關(guān)于uniapp跨頁面?zhèn)髦祏ni.$emit和uni.$on的使用及踩坑實戰(zhàn)的相關(guān)資料,需要的朋友可以參考下2023-04-04總結(jié)分享10 個超棒的 JavaScript 簡寫技巧
這篇文章主要總結(jié)分享10 個超棒的 JavaScript 簡寫技巧,有合并數(shù)組、克隆數(shù)組、解構(gòu)賦值、模板字面量等技巧,需要的朋友可以參考一下2022-06-06