微信小程序之五種頁面跳轉(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)用該接口可實(shí)現(xiàn)頁面跳轉(zhuǎn)的效果.但該接口同樣不能跳轉(zhuǎn)tabbar頁面.跳轉(zhuǎn)后左上角有返回小箭頭,點(diǎ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)的某個(gè)頁面(不能跳轉(zhuǎn)tabbar頁面)。類似于html中的 window.open('.....');
跳轉(zhuǎn)后左上角出現(xiàn)返回小箭頭,點(diǎ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)的某個(gè)頁面。
跟 wx.redirectTo 一樣左上角不會(huì)出現(xiàn)返回箭頭，但兩者卻不完全相同；
到此這篇關(guān)于微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)的文章就介紹到這了,更多相關(guān)小程序 頁面跳轉(zhuǎn)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript函數(shù)定義的常見注意事項(xiàng)小結(jié)
這篇文章主要介紹了JavaScript函數(shù)定義的常見注意事項(xiàng),包含了常見的錯(cuò)誤及注意事項(xiàng),需要的朋友可以參考下2014-09-09
去除圖像或鏈接黑眼圈的兩種方法總結(jié)...2007-06-06
JS使用for in有序獲取對(duì)象數(shù)據(jù)
這篇文章主要介紹了JS使用for in有序獲取對(duì)象數(shù)據(jù),文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
ES2020讓代碼更優(yōu)美的運(yùn)算符 (?.) (??)
這篇文章主要介紹了ES2020讓代碼更優(yōu)美的運(yùn)算符 (?.) (??)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
javascript實(shí)現(xiàn)的文字加密解密
javascript實(shí)現(xiàn)的文字加密解密...2007-06-06
JavaScript null undefined分析2009-07-07
本篇文章主要介紹了webpack加載sass配置，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
解析dom中的children對(duì)象數(shù)組元素firstChild,lastChild的使用
以下是對(duì)dom中的children對(duì)象數(shù)組元素firstChild,lastChild的使用進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下2013-07-07
前端常用6種數(shù)據(jù)加密方式的使用詳細(xì)講解
在前端開發(fā)中,常用的數(shù)據(jù)加密技術(shù)包括Base64編碼、MD5哈希、SHA-256哈希、AES對(duì)稱加密、RSA非對(duì)稱加密和HMAC消息認(rèn)證碼,這些加密方式提供了不同層次的數(shù)據(jù)安全保護(hù),適用于不同的安全需求和場景,需要的朋友可以參考下2024-09-09
JS實(shí)現(xiàn)一個(gè)秒表計(jì)時(shí)器
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)一個(gè)秒表計(jì)時(shí)器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03