uniapp navigateTo、redirectTo、reLaunch等页面路由跳转方法的区别

embedded/2024/12/22 10:49:01/
  1. uni.switchTab
    跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面
// app.json
{"tabBar": {"list": [{"pagePath": "index","text": "首页"},{"pagePath": "other","text": "其他"}]}
}
uni.switchTab({url: '/index'
})
  1. uni.reLaunch
    关闭所有页面,打开到应用内的某个页面
uni.reLaunch({url: '/test?id=1'
})
  1. uni.redirectTo
    关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
uni.redirectTo({url: '/test?id=1'
})
  1. uni.navigateTo
    保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
uni.navigateTo({url: '/test?id=1',events: {// 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据acceptDataFromOpenedPage: function(data) {console.log(data)},someEvent: function(data) {console.log(data)}...},success: function(res) {// 通过eventChannel向被打开页面传送数据res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })}
})
  1. uni.navigateBack
    关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。
// 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码// 此处是A页面
uni.navigateTo({url: 'B?id=1'
})// 此处是B页面
uni.navigateTo({url: 'C?id=1'
})// 在C页面内 navigateBack,将返回A页面
wx.navigateBack({delta: 2
})

http://www.ppmy.cn/embedded/147791.html

相关文章

美创科技完成新一轮融资!

近日,杭州美创科技股份有限公司(简称:美创科技)完成新一轮融资,本轮融资由浙江余杭转型升级产业投资有限公司作为独家投资方。 浙江余杭转型升级产业投资有限公司是余杭国投旗下全资企业。此次国资的注入,旨…

k8s-1.28.1证书更新到100年-cenots7.9

一、查看信息 # cat /etc/redhat-release # kubeadm version k8s环境是通过kubeadm进行安装的。 二、安装依赖工具 # yum groupinstall "Development Tools" -y # yum install gcc make -y # yum install rsync jq -y 三、下载相应版本的k8s包 ## 下载地址&…

【ETCD】【源码阅读】深入分析 applierV3backend.Apply`方法源码

applierV3backend的Apply主要负责将 Raft 请求 (pb.InternalRaftRequest) 应用到 Etcd 的后端存储中。它处理各种不同类型的请求,并且根据请求的具体内容调用相应的处理逻辑。 版本【release 文章目录 一、完整源码二、方法详解1. 定义和初始化2. 记录操作开始时间并…

2024年全球办公键盘行业总体规模、主要企业国内外市场占有率及排名

根据QYResearch研究团队调研统计,2023年全球办公键盘市场销售额达到了 亿元,预计2030年将达到 亿元,年复合增长率(CAGR)为 %(2024-2030)。中国市场在过去几年变化较快,2023年市场规模…

flink实现复杂kafka数据读取

接上文:一文说清flink从编码到部署上线 环境说明:MySQL:5.7;flink:1.14.0;hadoop:3.0.0;操作系统:CentOS 7.6;JDK:1.8.0_401。 常见的文章中&…

【软件工程】第一章·软件工程概述

🌈 个人主页:十二月的猫-CSDN博客 🔥 系列专栏: 🏀软件开发必练内功_十二月的猫的博客-CSDN博客 💪🏻 十二月的寒冬阻挡不了春天的脚步,十二点的黑夜遮蔽不住黎明的曙光 目录 1. 前…

4_使用 HTML5 Canvas API (3) --[HTML5 API 学习之旅]

4_使用 HTML5 Canvas API (3) --[HTML5 API 学习之旅] 1.缩放 canvas 对象 在 <canvas> 中缩放对象可以通过 scale 方法来实现。这个方法会根据提供的参数对之后绘制的所有内容进行缩放。下面是两个具体的示例&#xff0c;展示如何使用 scale 方法来缩放 canvas 上的对…

maven-resources-production:ratel-fast: java.lang.IndexOutOfBoundsException

Maven生产环境中遇到java.lang.IndexOutOfBoundsException的问题&#xff0c;尝试了重启电脑、重启IDEA等常规方法无效&#xff0c;最终通过直接重建工程解决了问题。 Rebuild Project 再启动OK