iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >小程序(uniapp)页面的跳转方式有哪些,他们之间的区别是什么?
  • 632
分享到

小程序(uniapp)页面的跳转方式有哪些,他们之间的区别是什么?

小程序uni-app 2023-10-05 10:10:49 632人浏览 八月长安
摘要

1、uni.navigateTo: 保留当前页面,跳转到应用的某个页面,使用 uni.navigateBack 可以返回原页面。这种方式类似于网页的超链接跳转。 2、uni.redirectTo: 关闭当前页面,跳转大应用内的某个页面。这种

1、uni.navigateTo: 保留当前页面,跳转到应用的某个页面,使用 uni.navigateBack 可以返回原页面。这种方式类似于网页的超链接跳转。

2、uni.redirectTo: 关闭当前页面,跳转大应用内的某个页面。这种方式类似于网页的重定向。

3、uni.switchTab: 跳转到tabBar页面,并关闭其他所有非tabBar页面。

4、uni.reLaunch: 关闭所有页面,打开到应用内的某个页面。

5、nui.navigateBack: 关闭当前页面,返回上一页或多级页面。

        这些跳转方式的主要区别在于他们对页面栈的处理方式不同。uni.navigateTo 会将新页面压入页面栈,而 uni.redirectTo 则不会打开新的页面,而 switchTab 和 reLaunch 、

        uni.switchTab 和 uni.reLaunch 则会关闭当前页面。uni.navigateBack 则会从页面栈中弹出当前页面,返回到上一页面或多级页面。

以下是这些跳转方式的代码示例:

// uni.navigateTouni.navigateTo({url: '/pages/example/example'});// uni.redirectTouni.redirectTo({url: '/pages/example/example'});// uni.switchTabuni.switchTab({url: '/pages/example/example'});// uni.reLaunchuni.reLaunch({url: '/pages/example/example'});// uni.navigateBackuni.navigateBack({delta: 1});

在使用这些跳转方式时,需要注意以下几点:

       1、页面栈最大深度为10,当超过10时,需要使用 uni.redirectTo 或 uni.reLaunch。

       2、uni.switchTab 只能用于跳转到 tabBar 页面,不能指定参数。

       3、uni.reLaunch 可以关闭所有页面,包括 tabBar 页面。

        4、uni.navigateTo 和 uni.redirectTo 的跳转方式都可以指定参数。参数可以通过 URL 的查询字符串(query string)来传递。

        以下是使用 uni.navigateTo 和 uni.redirectTo 指定参数的代码示例:

// uni.navigateTouni.navigateTo({  url: '/pages/example/example?param1=value1¶m2=value2'});// uni.redirectTouni.redirectTo({  url: '/pages/example/example?param1=value1¶m2=value2'});

        在上述示例中,我们通过查询字符串 ?param1=value1¶m2=value2 将参数 param1 和 param2 传递给目标页面。在目标页面中,我们可以通过 this.$route.query 来获取这些参数。

来源地址:https://blog.csdn.net/lemon1330/article/details/131491310

--结束END--

本文标题: 小程序(uniapp)页面的跳转方式有哪些,他们之间的区别是什么?

本文链接: https://www.lsjlt.com/news/423661.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 小程序(uniapp)页面的跳转方式有哪些,他们之间的区别是什么?
    1、uni.navigateTo: 保留当前页面,跳转到应用的某个页面,使用 uni.navigateBack 可以返回原页面。这种方式类似于网页的超链接跳转。 2、uni.redirectTo: 关闭当前页面,跳转大应用内的某个页面。这种...
    99+
    2023-10-05
    小程序 uni-app
  • 从H5页面跳转到小程序的实现方案有哪些
    本篇内容主要讲解“从H5页面跳转到小程序的实现方案有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“从H5页面跳转到小程序的实现方案有哪些”吧!实现方案实现H5跳转小程序的方案目前有多种,可以...
    99+
    2023-06-28
  • 微信小程序中页面跳转传递值的方法有哪些
    这篇文章主要介绍了微信小程序中页面跳转传递值的方法有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。微信小程序 页面跳转传递值微信小程序导...
    99+
    2024-04-02
  • MySQL中的连接方式有哪些它们之间有何区别
    MySQL中的连接方式主要有三种:内连接(INNER JOIN)、外连接(OUTER JOIN)、交叉连接(CROSS JOIN)。...
    99+
    2024-03-06
    MySQL
  • 小程序中页面间传值的方法有哪些
    小编给大家分享一下小程序中页面间传值的方法有哪些,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!一:url带参数传递与前端语言一样,小程序页面间的传递可以通过在路由url后接参数,路由的同时会将参数一并传递到新的页面。ind...
    99+
    2023-06-14
  • 小程序页面间有哪些传递数据的方法
    小程序页面间传递数据的方法有: 使用全局变量实现数据传递,app.js和app.wxss中的代码都是全局生效的,实现传递数据的代码。//往globalData设置值getApp().globalData.data = &...
    99+
    2024-04-02
  • 微信小程序路由跳转的两种方式是什么
    本篇内容介绍了“微信小程序路由跳转的两种方式是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!路由跳转的两种形式标签形式 <...
    99+
    2023-06-30
  • Win7系统MSDN版、OEM版、RTM版、VOL版各是什么意思以及各版本之间的区别有哪些
    我们常常听说操作系统的MSDN版、OEM版、R (一)MSDN (Microsoft Developer Network)版MSDN软件是微软公司面向软件开发者的一种版本。MSDN 涵盖了所有可以被开发扩充的平台和应用...
    99+
    2023-06-06
    Win7 MSDN OEM RTM VOL 意思
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作