前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >navigateTo、redirectTo、switchTap与reLaunch的区别

navigateTo、redirectTo、switchTap与reLaunch的区别

原创
作者头像
星尘库
发布2023-05-01 00:32:25
6110
发布2023-05-01 00:32:25
举报
文章被收录于专栏:小程序资源

wx.navigateTo:保留当前页,跳转到指定页,非tabBar;使用 wx.navigateBack 可以返回到当前的页面。

uni-app 保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。 要注意的是navigateTo只能跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数;如果跳转url参数为tabBar的路径则无法进行跳转

wx.redirectTo:关闭当前页,跳转到指定页,非tabBar;将无法回到当前页面。

关闭当前页面,跳转到应用内的某个页面。 需要跳转的应用内非 tabBar 的页面的路径,路径后可以带参数

wx.reLaunch:是关闭所有页面,跳转到指定页,非tabBar的页面。

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

wx.switchTap:只能用于跳转到tabbar页面,并关闭其他非tabbar页面。

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 需要跳转的 tabBar 页面的路径,路径后不能带参数

注:tabBar 页面为需在 pages.json 的 tabBar 字段定义的页面 wx.navigateTo和wx.redirectTo只能跳转到非TabBar的页面路径; wx.navigateTo 跳转到应用中的某个页面,会保留当前页,使用wx.navigateBack可以返回原页面; wx.navigateTo跳转的页面路径层级最多5层; wx.navigateBack可以返回上一页面或多级页面。可通过getCurrentPages()获取当前页面栈,决定需要返回基层。

有时候跳转还需要携带参数,例如:

代码语言:javascript
复制
wx.navigateTo({
        url: '/pages/item/item?name=' + name,
 })

item页的取值的方式

代码语言:javascript
复制
onLoad: function (options) {
    var that = this;
    that.setData({
      name: options.name,
    })
 }

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档