微信小程序之页面路由

小程序的路由可以理解为：根据路由规则（路径）从一个页面跳转到另一个页面的规则。

一、微信小程序中页面跳转的方法：

（1）wx.navigateTo(OBJECT)
保留当前页面，跳转到应用内的某个页面，使用wx.navigateBack可以返回到原页面。
示例代码：

wx.navigateTo({
    url:'test?id=1'//实际路径要写全
})

//test.js
Page({
  onload:function(option){
    console.log(option.query)
  }
})

（2）wx.redirectTo(OBJECT)
关闭当前页面，跳转到应用的某个页面。
示例代码：

wx.redirectTo({
  url:'test?id=1'
})

（3）wx.switchTab(OBJECT)
跳转到tabBar页面，并关闭其他所有非tabBar页面
示例代码：

{
  'tabBar': {
      'list': [{
        'pagePath':'index',
        'test':'首页' 
      },{
        'pagePath':'other',
        'test':'其他'
      }]
  }
}

wx.switchTab({
  url:'/index'
})

（4）wx.navigateBack(OBJECT)
关闭当前页面，返回上一页面或多级页面。可通过getCurrentPages()获取当前的页面栈，决定需要返回几层。
示例代码：

//注意：调用navigateTo跳转时，调用该方法的页面会被加入堆栈，而redirectTo方法则不会。
//此处是A页面
wx.navigateTo({
  url:'B?id=1'
})

//此处是B页面
wx.navigateTo({
    url:'C?id=1'
})

//在C页面内navigateBack,将返回A页面
wx.navigateBack({
    delta:2
}) 

（5）使用标签实现页面跳转

示例代码：

跳转到新页面
在当前页打开
切换

二、如何正确使用页面跳转

官方规定小程序最多只能有五个页面同时存在，意思是在不关闭页面的情况下，最多新开五个页面，页面深度为5。