uniApp路由使用及注意事项

uni.navigateTo( OBJECT)保留当前页面，跳转到应用内的某个页面，使用uni.navigateBack可以返回到原来页面注意：页面跳转路径有层级限制，不能无限跳转新页面　　跳转到 tabBar 页面只能使用 switchTab 跳转　　不能在 App.vue 文件里进行页面跳转　　路由API的目标页面必须是在 pages.json 里注册的vue页面。如果想打开 web url，

凌晨两点半`

2818人浏览 · 2020-11-29 22:39:13

凌晨两点半` · 2020-11-29 22:39:13 发布

uni.navigateTo( OBJECT)

	保留当前页面，跳转到应用内的某个页面，使用  uni.navigateBack  可以返回到原来页面
		注意：
			页面跳转路径有层级限制，不能无限跳转新页面
	　　跳转到 tabBar 页面只能使用 switchTab 跳转
	　　不能在 App.vue 文件里进行页面跳转
	　　路由API的目标页面必须是在 pages.json 里注册的vue页面。如果想打开 web url，在APP平台可以使用   plus.runtime.openURL  或 web-view组件；H5平台使用 window.open ；小程序平台使用web-view组件（url需在小程序的联网白名单里）。

uni.redirectTo( OBJECT )

关闭当前页面，跳转到应用内的某个页面

uni.reLaunch（ OBJECT ）

关闭所有页面，打开到应用内的某个页面

uni.switchTab（OBJECT）

跳转到 tabBar页面，并关闭其他所有非 tabBar 页面

uni.navigateBack（OBJECT）

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

总结Tips：

 （1）navigateTo，redirectTo 只能打开非 tabBar页面
 （2）switchTab只能打开 TabBar 页面
 （3）reLaunch可以打开任意界面
 （4）页面底部的 tabBar 由页面决定，即只要是定义为 tabBar 的页面，底部都有tabBar
 （5）不能在 App.vue 里面进行页面跳转