1. uni.navigateTo 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack
可以返回到原页面。
示例代码如下:
uni.navigateTo({
url:'./home/index'
});
注意:
- 页面跳转路径有层级限制,
不能
无限制跳转新页面- 跳转到 tabBar 页面只能使用
switchTab
跳转- 路由API的目标页面
必须
是在pages.json里注册的vue页面。如果想打开web url,具体可参考【uniapp官方-路由与页面跳转】
2. uni.navigateBack(关闭当前页面,返回上一页面或多级页面)
示例代码如下:
// 在第3级页面内 navigateBack,将返回第一层页面
uni.navigateBack({
delta: 2
});
注意:
- 可通过
getCurrentPages()
方法 获取当前的页面栈,决定需要返回几层。- 常用参数
delta
,默认为1
,含义是:返回的页面数,如果 delta 大于现有页面数,则返回到首页。
3. redirectTo(关闭当前页面,跳转到其他页面)
示例代码如下:
uni.redirectTo({
url:'./home/index'
})
注意:
- 需要跳转的应用内
非 tabBar
的页面的路径,路径后可以带参数。参数与路径之间使用?
分隔,参数键与参数值用=
相连,不同参数用&
分隔;如 ‘path?key=value&key2=value2’- 转到 tabBar 页面只能使用 switchTab 跳转
4. reLaunch(关闭所有页面,跳转到其他页面)
示例代码如下:
uni.reLaunch({
url:'./home/index'
})
注意:
- 需要跳转的
应用内
页面的路径,路径后可以带参数。参数与路径之间使用?
分隔,参数键与参数值用=
相连,不同参数用&
分隔;如 ‘path?key=value&key2=value2’- 转到 tabBar 页面则
不能
带参数H5端
调用uni.reLaunch
之后之前页面栈会销毁,但是无法清空浏览器之前的历史记录,此时navigateBack
不能返回,如果存在历史记录的话点击浏览器的返回按钮或者调用history.back()仍然
可以导航到浏览器的其他历史记录。- 如果调用了
uni.preloadPage()
不会关闭,仅触发生命周期 onHide
5. switchTab(适用于底部导航栏之间的跳转,或者跳转到底部导航栏(跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。))
示例代码如下:
uni.switchTab({
url: './home/index'
});
注意:
- 需要跳转的 tabBar 页面的路径(需在 pages.json 的 tabBar 字段定义的页面),路径后不能带参数
`
更多细节,可参考:【uniapp官方-路由与页面跳转】