快捷導(dǎo)航

微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)

更新時間：2022年06月27日 15:16:15 作者：.嘆服

本文主要介紹了微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

第一種:<navigator></navigator>標(biāo)簽.

這是最常見的一種跳轉(zhuǎn)方式,相當(dāng)于html里的a標(biāo)簽.但需要注意的是該方法不能跳轉(zhuǎn)tabbar頁面.

格式為:

<navigator url="........"></navigator>

通過構(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',
    })
 
  },

關(guān)閉當(dāng)前頁面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個頁面(不能跳轉(zhuǎn)tabbar頁面)。類似于html中的 window.open('.....');

跳轉(zhuǎn)后左上角出現(xiàn)返回小箭頭,點擊后可返回原本頁面.

跳轉(zhuǎn)到 tabBar 頁面，并關(guān)閉其他所有非 tabBar 頁面；該方法只能跳轉(zhuǎn)tabbar頁面.

例如:

js:

  post_calculator:function () {
    wx.switchTab({
      url: '/pages/calculator/calculator',
    })
  },
 
})

關(guān)閉所有頁面，打開到應(yīng)用內(nèi)的某個頁面。

跟 wx.redirectTo 一樣左上角不會出現(xiàn)返回箭頭，但兩者卻不完全相同；

到此這篇關(guān)于微信小程序之五種頁面跳轉(zhuǎn)方法小結(jié)的文章就介紹到這了,更多相關(guān)小程序頁面跳轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: