Five page Jump methods for wechat applet learning

The first one is :<navigator></navigator> label .

This is the most common way to jump , amount to html Inside a label . But it should be noted that This method cannot jump tabbar page .

The format is :

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

The second kind :wx.navigateTo.

By construction js function , Calling this interface in the function can realize the effect of page Jump . However, the interface cannot jump tabbar page . There is a small return arrow in the upper left corner after the jump , Click to return to the original page .

The format is :

  <view class="select_calculator" bindtap="next_calculator">

next_calculator:function () {
    wx.navigateTo({
      url: '/pages/calculator/calculator',
    })

  },

 

 

The third kind of :wx.redirectTo.

  Close current page , Jump to a page in the app ( Can't jump tabbar page ). Be similar to html Medium  window.open('.....');

After the jump, a small return arrow appears in the upper left corner , Click to return to the original page .

A fourth :wx.switchTab.

Jump to tabBar page , And shut down all the others tabBar page ; This method can only jump tabbar page .

for example :

 

js: 

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

})

The fifth :wx.reLaunch.

Close all pages , Open to a page in the app .

Follow  wx.redirectTo  The return arrow will not appear in the upper left corner , But they are not exactly the same ;