uniapp中navigator、redirectTo、reLaunch、switchTap区别,小程序路由详情记录

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

1、navigateTo

保留当前页面,跳转到别的页面,使用uni.navigateBack返回原页面

navigateTo传递值

传递字符串or对象详情

navigateBack不能在url上传参

①可以使用getCurrentPages()获取当前页面的页面栈,navigateBack指定返回几页的方法
②使用setData()函数,小程序内置的一个函数,可以改变逻辑层下的data属性的值,我们调用setData()函数可以将数据从逻辑层传递出到视图层 (异步),并同步修改this.data,小程序setData函数详解
③使用setData进行传值,参考利用setData进行传值
④getCurrentPages()用来获取当前的页面栈,这是一个数组类型,里面有好几个对象,每一个对象是一个 “页面实例”,然后利用setData()函数去修改页面实例中的data中的某个属性值,然后navigateBack(),再去获取这个页面实例,将这个实例下面的data中的某个属性获取到,这样就可以实现间接传递值目的。

2、redirectTo

关闭当前页,跳转到某个页面

3、reLaunch

关闭所有的页面,打开某个页面
redirectTo只是关闭当前的页面,reLaunch关闭所有的页面,因此它的页面没有返回了

4、switchTap

只能跳转到其他tabbar页面,并关闭其他的非tabbar页面,路径后面不能带参数文章来源地址https://www.toymoban.com/news/detail-720716.html

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

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

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

相关文章

  • uniapp,转微信小程序,获取当前页面的 路由、路由参数

    uniapp 获取当前路由信息跟 vue 不同,它没有 route 对象。 uniapp 转成小程序后是这样的 当前页面展示的路由信息就是上一条中获取到的 pages 的最后一条路由,即 它的内容是: 当前路由的参数 在 currentRoute.options 中 比如 index?type=diarydiaryid=123 的 options 就是 而 当前页面的完整路

    2024年02月14日
    浏览(92)
  • 探讨uniapp的navigator 页面跳转问题

    navigator 页面跳转。该组件类似HTML中的 a 组件,但只能跳转本地页面。目标页面必须在pages.json中注册。 保留当前页面【当前页面就被隐藏了】,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。 但是这里遇到这样一个问题: navigateTo:fail can not navigateTo a tabbar

    2024年02月13日
    浏览(49)
  • uniapp 微信小程序 路由跳转

    保留当前页面,跳转到应用内的某个页面,使用 uni.navigateBack 可以返回到原页面 uni.redirectTo(OBJECT) 关闭当前页面,跳转到应用内的某个页面。 uni.reLaunch(OBJECT) 关闭所有页面,打开到应用内的某个页面。       怎么隐藏左上角按钮       生命周期加入 会隐藏左上角按钮(必须

    2024年02月11日
    浏览(48)
  • flutter getx nested navigation 嵌套路由

    https://youtu.be/SXER4JVBFps 嵌套路由可以用在如购物确认向导界面切换。 使用 getx 实现嵌套路由,需要如下步骤: 通过 Navigator 组件的 key 属性 用 Get.nestedKey(1) 进行标记 onGenerateRoute 决定去哪个视图界面 initialRoute 初始路由 通过 Get.toNamed 的 id 属性执行嵌套路由 第一步:准备工作

    2024年02月11日
    浏览(42)
  • Uniapp和微信小程序的区别2023(详细)

    UniApp和微信小程序有一些区别,尽管它们都是用于开发小程序的框架,但在一些方面有所不同。以下是它们的区别: 开发语言和技术栈: UniApp:使用Vue.js作为开发语言,结合UniApp提供的组件和API进行开发。支持Vue的响应式数据绑定、组件化开发,同时支持使用HTML、CSS和Jav

    2024年02月13日
    浏览(54)
  • Uniapp与原生微信小程序开发区别对比

    微信小程序:(微信小程序也可以不写wx:for-index和wx:for-item,默认为index和item`) uni-app:

    2024年02月15日
    浏览(64)
  • 【React Router 6 快速上手一】重定向Navigate / useRoutes路由表 / 嵌套路由Outlet

    前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻React专栏 之前学习了react-router-dom5版本的相关内容 参考文章👉🏻React路由(详解版)和 路由的模糊匹配,重定向以及嵌套路由 今天来学习react-router-dom6版本的相关知识! 感兴趣的小伙伴一起来看看吧~🤞 React Router 以三个不

    2024年02月02日
    浏览(49)
  • 【微信小程序】页面路由跳转函数之间的区别

    微信小程序开发系列 在开发微信小程序中基本都会用到页面跳转,微信小程序提供了几个页面跳转函数。它们之间有一些区别,试用用时需要注意,否则会达不到预期效果。下面介绍这几种页面跳转的的区别。 一共提供了五个页面跳转函数,它们都支持 Promise 风格 调用。

    2024年02月12日
    浏览(64)
  • Angular 路由器:使用 RouterLink、Navigate 或 NavigateByUrl 进行导航

    介绍 在 Angular 中, RouterLink 是一个用于以声明方式导航到不同路由的指令。 Router.navigate 和 Router.navigateByURL 是 Router 类中可用的两种方法,用于在组件类中以命令方式导航。 让我们来探讨如何使用 RouterLink 、 Router.navigate 和 Router.navigateByURL 。 HTML 中的典型链接如下所示: 这

    2024年02月21日
    浏览(47)
  • 微信小程序中路由跳转的方式有哪些?区别?

    微信小程序拥有 web 网页和 Application 共同的特征,我们的页面都不是孤立存在的,而是通过和其他页面进行交互,来共同完成系统的功能 在微信小程序中,每个页面可以看成是一个 pageModel , pageModel 全部以栈的形式进行管理 常见的微信小程序页面跳转方式有如下: wx.navig

    2024年02月01日
    浏览(43)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包