微信小程序之五種頁面跳轉方法小結

Posted on by

第一種:<navigator></navigator>標簽.

這是最常見的一種跳轉方式,相當於html裡的a標簽.但需要註意的是 該方法不能跳轉tabbar頁面.

格式為:

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

第二種:wx.navigateTo.

通過構造js函數,在函數中調用該接口可實現頁面跳轉的效果.但該接口同樣不能跳轉tabbar頁面.跳轉後左上角有返回小箭頭,點擊可返回原本頁面.

格式為:

<view class="select_calculator" bindtap="next_calculator">
next_calculator:function () {
    wx.navigateTo({
      url: '/pages/calculator/calculator',
    })
 
  },

第三種:wx.redirectTo.

 關閉當前頁面，跳轉到應用內的某個頁面(不能跳轉tabbar頁面)。類似於html中的 window.open('.....');

跳轉後左上角出現返回小箭頭,點擊後可返回原本頁面.

第四種:wx.switchTab.

跳轉到 tabBar 頁面，並關閉其他所有非 tabBar 頁面；該方法隻能跳轉tabbar頁面.

例如:

 

js: 

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

第五種:wx.reLaunch.

關閉所有頁面，打開到應用內的某個頁面。

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

到此這篇關於微信小程序之五種頁面跳轉方法小結的文章就介紹到這瞭,更多相關小程序 頁面跳轉內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：