Skip to content

路由

在小程序中实现页面跳转,有两种方式:

  1. 声明式导航:navigator 组件。
  2. 编程式导航:使用小程序 API。

声明式导航

html
<navigator url="/pages/index/index">跳转到首页</navigator>

编程式导航

  • wx.navigateTo():保留当前页面,跳转到应用内的某个页面,但是不能跳转到 tabbar 页面。
  • wx.redirectTo():关闭当前页面,跳转到应用内的某个页面,但是不能跳转到 tabbar 页面。
  • wx.switchTab():跳转到 tabbar 页面,路径后不能带参数。
  • wx.reLaunch():关闭所有页面,打开到应用内的某个页面。
  • wx.navigateBack():关闭当前页面,返回上一页面或多级页面。

使用 Component 构造页面

提示

使用 Component 构造页面,可以实现更复杂的页面逻辑开发。

  1. pages/*.json 中必须包含 usingComponents 配置。
  2. Page 中的一些钩子函数、事件监听方法需要定义在 methods 中。
  3. 可以通过 properties 接收页面参数,在 onLoad 钩子函数中通过 this.data 或者 this.properties 获取。

基于 MIT 许可发布