8.3 路由与页面跳转- 常用API【uni-app教程uniapp教程（黄菊华-跨平台开发系列教程）】

8.3 路由与页面跳转

8.3.1 uni.navigateTo(OBJECT)

保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原页面。
OBJECT参数说明

注意：
 页面跳转路径有层级限制，不能无限制跳转新页面
 跳转到 tabBar 页面只能使用 switchTab 跳转
 路由API的目标页面必须是在pages.json里注册的vue页面。如果想打开web url，在App平台可以使用 plus.runtime.openURL或web-view组件；H5平台使用 window.open；小程序平台使用web-view组件（url需在小程序的联网白名单中）。在hello uni-app中有个组件ulink.vue已对多端进行封装，可参考。

8.3.2 uni.redirectTo(OBJECT)

关闭当前页面，跳转到应用内的某个页面。
OBJECT参数说明

注意：
跳转到 tabBar 页面使用 switchTab 跳转

8.3.3 uni.reLaunch(OBJECT)

关闭所有页面，打开到应用内的某个页面。
OBJECT参数说明

注意事项
H5端调用uni.reLaunch之后之前页面栈会销毁，但是无法清空浏览器之前的历史记录，此时navigateBack不能返回，如果存在历史记录的话点击浏览器的返回按钮或者调用history.back()仍然可以导航到浏览器的其他历史记录。

8.3.4 uni.switchTab(OBJECT)

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。
OBJECT参数说明

8.3.5 uni.navigateBack(OBJECT)

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

注意事项：
 navigateTo, redirectTo 只能打开非 tabBar 页面。
 switchTab 只能打开 tabBar 页面。
 reLaunch 可以打开任意页面。
 页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有 tabBar。
 不能在 App.vue 里面进行页面跳转。
 H5端页面刷新之后页面栈会消失，此时navigateBack不能返回，如果一定要返回可以使用history.back()导航到浏览器的其他历史记录。

【uniapp参考资料】

（1）uni-app跨平台开发 入门到实战
https://ke.qq.com/course/package/26512

（2）uni-app 完整商城界面设计实战
https://ke.qq.com/course/2381059

（3）基于vue的uniapp商城完整项目源代码
https://ke.qq.com/course/3064977

（4）小白教程资料 http://www.2d5.net

（5）毕业设计网http://www.pc-365.net
（6）小程序编程网www.4317.org

（7）计算机编程网http://www.05423.com/