微信小程序5种路由API和页面跳转方法

小程序5种路由API

① wx.navigateTo

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面

通常推荐使用 wx.navigateTo进行跳转， 以便返回原页面，以提高加载速度

wx.navigateTo({
  url: ''
})

② wx.redirectTo

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面

wx.redirectTo({
  url: ''
})

③ wx.reLaunch

关闭所有页面，打开到应用内的某个页面

wx.reLaunch()与 wx.redirectTo()的用途基本相同， 只是 wx.reLaunch()先关闭了内存中所有保留的页面，再跳转到目标页面

wx.reLanch({
  url: ''
})

④ wx.switchTab

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

对于跳转到 tabBar 的页面，最好选择 wx.switchTab()，它会先关闭所有非 tabBar 的页面。其次，也可以选择 wx.reLaunch()，它也能实现从非 tabBar 跳转到 tabBar，或在 tabBar 间跳转，效果等同 wx.switchTab()。使用其他跳转 API 来跳转到 tabBar，则会跳转失败

wx.switchTab({
  url: ''
})

⑤ wx.navigateBack

关闭当前页面，返回上一页面或多级页面。可通过getCurrentPages 获取当前的页面栈，决定需要返回几层

这个 API 需要填写的参数只有 delta，表示要返回的页面数。若 delta 的取值大于现有可返回页面数时，则返回到用户进入小程序的第一个页面。当不填写 delta 的值时，就默认其为 1（注意，默认并非取 0），即返回上一页面

wx.navigateBack({
  delta: 1
})

wxml 页面组件跳转（可以通过设置open-type属性指明页面跳转方式）

// navigator组件默认的open-type为navigate
<navigator url="" open-type=""></navigator>