凌的博客

您现在的位置是: 首页 > 前端学习 > Vue > 

Vue

uni-app navigateTo、reLaunch、redirectTo、switchTab区别

2022-06-19 Vue 103

1.navigateTo

保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。

要注意的是navigateTo只能跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数;如果跳转url参数为tabBar的路径则无法进行跳转

2.redirectTo

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

需要跳转的应用内非 tabBar 的页面的路径,路径后可以带参数

3.reLaunch

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

需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2',与redirectTo不同的是如果跳转的页面路径是 tabBar 页面则不能带参数

4.switchTab

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

需要跳转的 tabBar 页面的路径,路径后不能带参数

注:tabBar 页面为需在 pages.json 的 tabBar 字段定义的页面


文章评论

0条评论