首页 > 其他分享 >uni-app混合开发 navigateTo、reLaunch、redirectTo、switchTab区别

uni-app混合开发 navigateTo、reLaunch、redirectTo、switchTab区别

时间:2024-06-18 09:21:48浏览次数:14  
标签:navigateTo redirectTo app 路径 参数 tabBar 跳转 switchTab 页面

1.navigateTo   
保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面。

要注意的是navigateTo只能跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数;如果跳转url参数为tabBar的路径则无法进行跳转

2.redirectTo
关闭当前页面,跳转到应用内的某个页面。

需要跳转的应用内非 tabBar 的页面的路径,路径后可以带参数

3.reLaunch
关闭所有页面,打开到应用内的某个页面。

跳转页面会刷新页面

需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 ‘path?key=value&key2=value2’,与redirectTo不同的是如果跳转的页面路径是 tabBar 页面则不能带参数

4.switchTab
跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

使用uni.switchTab()跳转不会刷新页面

需要跳转的 tabBar 页面的路径,路径后不能带参数

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

 

标签:navigateTo,redirectTo,app,路径,参数,tabBar,跳转,switchTab,页面
From: https://www.cnblogs.com/x1yun/p/18253679

相关文章

  • (亲测有效)推荐2024最新的免费漫画软件app,无广告,聚合全网资源!
    朋友们,阿星又来啦!今天,我要给你们带来一些低调但超级实用的APP推荐,让你们追书看漫画,从此不再书荒!追书大全:这个APP,简直是书迷的救星!不用花一分钱,就能畅游在数百万本小说的海洋里,轻松找到你的最爱。追书大全不仅支持漫画和小说,还能让你在阅读的时候远离广告和弹窗的干扰,让你完......
  • 鸿蒙期末大作业——甜点店铺APP(三)首页的详细完善
    一、首页具体模块的分析    这一期我们完善首页具体模块的渲染。        首页包含三个模块——轮播模块、导航模块以及列表模块。我们首先在view中的components中新建三个新的ets文件——SwiperExample.ets、NavExample.ets、ListExample.ets。以方便在HomeP......
  • 鸿蒙期末大作业——甜点店铺APP(二)跳转页面的改进
    一、跳转页面的继续改进        上一期我们实现了登录页面的渲染,这一期我们进行登录完成后跳转页面的进一步加工。        当页面信息较多时,为了让用户能够聚焦于当前显示的内容,需要对页面内容进行分类,提高页面空间利用率。利用Tabs导航组件可以在一个页面内......
  • uni app 唤起其他app方式参考
    uni代码实现exportfunctionstartAndroidActivity(){const{activety,pakeage}=externalApp;//pakeage就是唤起app包名,activety就是唤起的页面letIntent=plus.android.importClass("android.content.Intent");letintent=newIntent(Intent.ACTION_VIEW)......
  • 【Azure App Service】遇见az命令访问HTTPS App Service 时遇见SSL证书问题,暂时跳过证
    问题描述访问AppService的高级工具KUDU站点的URL,遇见无法访问,在通过azwebappdeploy发布时候,也遇见SSL错误(SSL:CERITIFICATE_VERIFY_FAILEDcertificateverifyfailed:unabletogetlocalissuercertificate)问题解答为AZ指令配置,跳过SSL认证,来实现AZWEBAPPDEPLOY......
  • uni app 安卓微信支付唤起实现
    唤起微信支付核心代码asyncweixinPayApp(){ constself=this; letpostApi=''; if(this.checkWexin){ postApi='getOpenWeixinSignOrderInfo'; }elseif(this.checkAliPay){ postApi='getAlipaySignOrderInfoForApp'......
  • APP自动化测试工具-Appium
    官网:https://appium.io/docs/zh/latest/快速入门1.安装Appium前提条件:已安装Node.js,可以使用npm命令安装命令:npmi-gappium验证结果:执行appium,可以看到[Appium]WelcometoAppiumv2.10.3更新命令:npmupdate-gappium2.安装Appium驱动及其依赖项AndroidS......
  • uniapp计算字符串宽度
    最近手机端聊天功能,想实现气泡框,根据输入的文本,背景颜色自动适应宽度本来呢,只需要在文本外包裹一个标签,不指定宽度,就能实现,但是nvue中文本只能写在text中,来实现字体大小颜色的设置,在使用text标签后就会导致文本框宽度直接就是最长第一种方法:所以需要计算字符串的宽度,第一想法......
  • 基于springboot的南门桥社区疫情防疫系统-48138(免费领源码+数据库)可做计算机毕业设计J
    Springboot南门桥社区疫情防疫系统的设计与实现摘 要信息化社会内需要与之针对性的信息获取途径,但是途径的扩展基本上为人们所努力的方向,由于站在的角度存在偏差,人们经常能够获得不同类型信息,这也是技术最为难以攻克的课题。针对南门桥社区疫情防疫系统等问题,对南门桥社区......
  • SSH配置、跨主机上传下载、Wrapper访问控制实验操作步骤
    目录终端OpenSSH服务器SSH(SecureShell)协议OpenSSH服务监听选项SSH配置修改端口号用户登录控制指定用户登录1.2.严格模式最大会话数量公钥验证使用公钥认证让客户端登录系统域名解析跨主机下载、上传文件下载指定端口下载上传指定端口上传 ​编辑sftp功......