navigateTo、redirectTo、switchTap与reLaunch的区别

这篇具有很好参考价值的文章主要介绍了navigateTo、redirectTo、switchTap与reLaunch的区别。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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()获取当前页面栈,决定需要返回基层。

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

wx.navigateTo({
        url: '/pages/item/item?name=' + name,
 })

item页的取值的方式文章来源地址https://www.toymoban.com/news/detail-435973.html

onLoad: function (options) {
    var that = this;
    that.setData({
      name: options.name,
    })
 }

到了这里,关于navigateTo、redirectTo、switchTap与reLaunch的区别的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app uni.switchTab和uni.reLaunch跳转tabbar页面

    uni.switchTab: 跳转列表不会刷新 跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 uni.reLaunch: 跳转列表会刷新 关闭所有页面,打开到应用内的某个页面。( 可以跳转到tabBar 页面 ) 但如果是列表的自定义表头有多个title的时候需要加参数才能返回到对应的列表 如下图所示

    2024年02月11日
    浏览(51)
  • 微信小程序异常:navigateTo:fail can not navigateTo a tabbar page

    微信小程序利用路径 wx.navigateTo 跳转界面时发送异常 跳转代码 异常代码 原因分析 在 app.json 中的 tabBar 关联了 details 详情界面产生冲突,而官方文档要求 wx.navigateTo 无法跳转到 tabBar 中定义的界面 ,只需要把 tabBar 换成其他界面就可以! app.json代码 保留当前页面,跳转到应用

    2024年02月08日
    浏览(47)
  • 小程序报错:(“ errMsg “:“ navigateTo : fail can not navigateTo a tabbar page “}

    小程序报错:(\\\" errMsg \\\": \\\" navigateTo : fail can not   navigateTo a tabbar page \\\"} 小程序报错:《\\\" errMsg \\\": \\\" navigateTo : fail can not navigateTo a tabbar page \\\"} 错误显示的是: VM791:1 Error: MiniProgramError {\\\"errMsg\\\":\\\"navigateTo:fail can not navigateTo a tabbar page\\\"}     at Object.errorReport (VM807 WAService.js:2)     at Func

    2024年02月05日
    浏览(49)
  • uniapp微信小程序 页面跳转传参(uni.switchTab传参无法获取,uni.reLaunch传参可以获取)

      因为是tab页面,我首先想到的就是通过:uni.switchTab进行页面跳转。 代码如下: 然后在首页的onShow生命周期函数中进行监听路由参数。 代码如下: 结果uni.switchTab跳转的页面是不能够将路由参数传递到页面中的。  这样就可以拿到路由中的参数了。  这样问题就解决了。

    2024年02月10日
    浏览(59)
  • uni-app——使用uni.navigateTo传递对象参数

    文章目录 一、 传递一般参数 二、 传递对象参数 1. 传递参数 2. 接收参数 navigateTo进行页面传递参数,在下一个页面接收数据,一般在在onLoad钩子函数中获取

    2024年02月13日
    浏览(59)
  • Uni-app中使用uni.navigateTo跳转失败

    在初次使用navigateTo的时候,难免会出现一些小的问题,已经使用了但是频繁的跳转失败 ① 第一个问题就是没有在pages.json的文件中添加当前的/pages/Approval/rules这个路径 这是出现的第一个错误 ②还有可能的是即使添加了这个也会报错,这可能是因为路径的问题,在输入url的时

    2024年02月15日
    浏览(38)
  • 微信小程序wx.navigateTo跳转参数大小超出限制问题

    微信小程序的跳转方式 wx.navigateTo(Object) :保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回到原页(新页面入栈) wx.redirectTo(Object) :关闭当前页面,跳转到应用内的某个页面(当前页面出栈,新页面入栈) wx.switchTab(Object) :跳转到 tabBar 页面,同时关闭

    2024年02月09日
    浏览(86)
  • navigateTo失效-跳转不了页面解决办法!uniapp\vue

    改了一个小时多的错误,跳转页面无论怎么样都跳转不了,有2个问题: 注意: uniapp的报错可以在console里检查! 1.pages.json文件没有配置路径, 在pages:[  ]里面加 (根据自己的路径进行修改   2. navigateTo的url pages前面要加\\\'/\\\'   原本我的是pages/detail死活跳转不进去!

    2024年01月19日
    浏览(42)
  • 微信小程序 navigator 和 wx.navigateTo不跳转问题

    这个问题可能是很多新手会遇到的问题,有经验的人一眼就能看出问题了 1、先确保 app.js  已经注册了页面路径 2、索要跳转的页面不是 tabBar, tabBar 也可以设置 open-type=\\\"switchTab\\\" 跳转 3、我们来一起分析下 先看有问题的代码,看起来很正常 因为用  navigator 跳转不了,我尝试

    2024年02月05日
    浏览(58)
  • 小程序跳转方法wx.navigateTo无法跳转,不生效

    第一种:请核对是否和下面方法一样的格式并检查是否在app.json中定义 第二种:wx.navigateTo无法跳转至tabBar中含有的页面

    2024年02月15日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包