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