一、navigator 标签

微信小程序中提供了一个 <navigator> 标签来实现页面跳转，其中 url 属性用来设置跳转的页面路径：

  1.  <navigator url="/pages/list/list">跳转</navigator>

二、路由 API

除了直接通过标签跳转外，小程序中还提供了路由方法来实现跳转。

方法 说明
wx.navigateTo() 保留当前页面。跳转到应用内的某个页面，但不能跳转到 tabbar 页面
wx.switchTab() 跳转到 tabbar 页面并关闭其他所有
wx.reLaunch() 关闭所有页面，打开应用内的某个页面
wx.redirectTo() 关闭当前页面，跳转到应用内的某个页面。但不能跳转到 tabbar 页面
wx.navigateBack() 关闭当前页面，返回上一页面或多级页面。

三、页面传值

微信小程序中，还可以通过页面跳转来实现页面与页面间的传值。

1、路径传值

在跳转路径的末尾用 ? 分割页面路径与参数。参数的格式为 参数名=参数值，多个参数之间用 & 符号分割。

  1.  <navigator url="/pages/list/list?id=1">跳转</navigator>
  1.  wx.navigateTo({
  2.      url: '/pages/list/list?id=1'
  3.  })

2、接收参数

在页面的 onLoad 生命周期函数中，可以通过 options 形参来接收其他页面传递的数据：

  1.  Page({
  2.      onLoad(options) {
  3.          console.log(options);  // { id: 1 }
  4.      }
  5.  })