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

news/2024/7/20 1:35:07 标签: 小程序, uni-app

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.navigateTo
uni.navigateTo({
	url: '/pages/example/example'
});

// uni.redirectTo
uni.redirectTo({
	url: '/pages/example/example'
});

// uni.switchTab
uni.switchTab({
	url: '/pages/example/example'
});

// uni.reLaunch
uni.reLaunch({
	url: '/pages/example/example'
});

// uni.navigateBack
uni.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.navigateTo
uni.navigateTo({
  url: '/pages/example/example?param1=value1&param2=value2'
});

// uni.redirectTo
uni.redirectTo({
  url: '/pages/example/example?param1=value1&param2=value2'
});

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


http://www.niftyadmin.cn/n/1007777.html

相关文章

C. Road Optimization(dp)

Problem - 1625C - Codeforces 火星政府不仅对优化太空飞行感兴趣,还希望改进该行星的道路系统。 火星上最重要的高速公路之一连接着奥林匹克城和西多尼亚的首都Kstolop。在这个问题中,我们只考虑从Kstolop到奥林匹克城的路线,而不考虑相反的…

用Java二进制运算、位移运算、逻辑运算

一、对于有符号数据 有符号数:首位(最高位)数字(1表示负数,0表示正数) 源码 反码 补码 正数:源码,反码,补码都相同 零:源码,反码,补码…

读书笔记:《人力资源管理》- 2

《人力资源管理 . Human Resource Management》 美 . 加里.德斯勒(Gary Dessler) 著 刘昕 译 - 4,5,6,7 - - 重点,每一个组织的工员都应了解的基本规则 - 职位分析与人才管理过程 职位分析、编…

游戏陪玩语音聊天系统3.0商业升级独立版本源码

首发价值29800元的最新商业版游戏陪玩语音聊天系统3.0商业升级独立版本源码 1、增加人气店员轮播 2、优化ui界面丨优化游戏图标展示丨优化分类展示 3、增加动态礼物打赏功能 4、增加礼物墙功能 增加店员满足业绩,才能升级功能 5、增加店员等级不同,可接…

【数据结构导论】第 3 章:栈、队列和数组

目录 一、栈 (1)栈的基本概念 ① 定义 ② 示意图 ③ 栈的特点 ④ 栈的基本运算 (2)栈的顺序实现 ① 顺序栈及常用名词 ② 顺序栈的类型定义 ③ 顺序栈的基本运算 Ⅰ. 初始化 Ⅱ. 判栈空 Ⅲ. 进栈 Ⅳ. 出栈 Ⅴ. …

2023 中兴捧月算法挑战赛-自智网络-参赛总结

“中兴捧月”是由中兴通讯面向在校大学生举办的全球性系列赛事活动,致力于培养学生建模编程、创新、方案策划和团队合作能力。今年是在学校的宣传下了解到比赛,最初抱着学习的态度报名了比赛,最终进入了决赛,完成了封闭的开发与赛…

【matlab】使用OODACE实现三输入单输出的预测

OODACE的介绍 OODACE是一种软件工程方法论,它代表面向对象设计、分析、编程和评估(Object-Oriented Design, Analysis, Programming, and Evaluation)。OODACE方法论的目标是在软件开发过程中提供一种结构化的方法,帮助开发人员更…

【python】K近邻算法(k-Nearest Neighbors,KNN)解决分类问题

常用分类算法介绍 分类算法是一类机器学习算法,用于将不同的数据实例分到预定义的类别或标签中。以下是一些常见的分类算法: 逻辑回归(Logistic Regression):通过对线性函数应用sigmoid函数,将数据映射到一…