路由

路由跳转

api 跳转

• uni.navigateTo：保留当前页面，跳转到应用内的某个页面，使用 uni.navigateBack 可以返回到原页面。
• uni.navigateBack：关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层。
• uni.redirectTo：关闭当前页面，跳转到应用内的某个页面。
• uni.reLaunch：关闭所有页面，打开到应用内的某个页面。
• uni.switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。

示例：

uni.navigateTo({
  url: '/pages/index/index',
})

提示

• 如果跳转的是 tabbar，请使用 uni.switchTab，如果不是则使用 uni.navigateTo、uni.redirectTo 等等方法。
• 页面路径跳转有层级限制（10层），不能无限跳转新页面。

组件

<navigator>

• url：应用内的跳转链接，值为相对路径或绝对路径。
• open-type：跳转方式：
  • navigate：对应 uni.navigateTo
  • navigateBack：对应 uni.navigateBack
  • redirect：对应 uni.redirectTo
  • reLaunch：对应 uni.reLaunch
  • switchTab：对应 uni.switchTab
  • exit：退出小程序
    • 仅 target="miniProgram" 时生效

示例：

<navigator open-type="switchTab" url="/pages/index/index">去首页</navigator>

页面传值

传值

uni.navigateTo({
  url: '/pages/search/search?kw=123',
})

接收值

onLoad(options) {
  console.log(options.kw)
}