首页 > 其他分享 >Uni-app页面路由的五种写法

Uni-app页面路由的五种写法

时间:2024-01-25 12:13:19浏览次数:35  
标签:Function 调用 app OBJECT 参数 跳转 Uni 路由 页面

  • uni.navigateTo(OBJECT)
  • uni.redirectTo(OBJECT)
  • uni.reLaunch(OBJECT)
  • uni.switchTab(OBJECT)
  • uni.navigateBack(OBJECT)

 

概要

代码展示在最后,可以在应用中感受这几种不同方法的不同

页面路由的方式有很多,在项目中遇到不同的跳转需求,就需要使用不同的跳转方法,下面介绍一下不同方法的使用方法吧

主体内容

一、uni.navigateTo(OBJECT)

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

OBJECT参数说明
参数 类型 必填 默认值 说明 平台差异说明
url String   需要跳转的应用内非 tabBar 的页面的路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2',path为下一个页面的路径,下一个页面的onLoad函数可得到传递的参数  
animationType String pop-in 窗口显示的动画效果,详见:窗口动画 App
animationDuration Number 300 窗口动画持续时间,单位为 ms App
events Object   页面间通信接口,用于监听被打开页面发送到当前页面的数据。2.8.9+ 开始支持。  
success Function   接口调用成功的回调函数  
fail Function   接口调用失败的回调函数  
complete Function   接口调用结束的回调函数(调用成功、失败都会执行)

参考文献:uniapp-页面路由 

二、uni.redirectTo(OBJECT)

释:关闭当前页面,跳转到应用内的某个页面。

OBJECT参数说明
参数 类型 必填 说明
url String 需要跳转的应用内非 tabBar 的页面的路径,路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2'
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

参考文献:uniapp-页面路由  

三、uni.reLaunch(OBJECT)

释:关闭所有页面,打开到应用内的某个页面。

OBJECT参数说明
参数 类型 必填 说明
url String 需要跳转的应用内页面路径 , 路径后可以带参数。参数与路径之间使用?分隔,参数键与参数值用=相连,不同参数用&分隔;如 'path?key=value&key2=value2',如果跳转的页面路径是 tabBar 页面则不能带参数
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

参考文献:uniapp-页面路由  

四、uni.switchTab(OBJECT)

释:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。

OBJECT参数说明
参数 类型 必填 说明
url String 需要跳转的 tabBar 页面的路径(需在 pages.json 的 tabBar 字段定义的页面),路径后不能带参数
success Function 接口调用成功的回调函数
fail Function 接口调用失败的回调函数
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

参考文献:uniapp-页面路由  

五、uni.navigateBack(OBJECT)

释:关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages() 获取当前的页面栈,决定需要返回几层。

OBJECT参数说明
参数 类型 必填 默认值 说明 平台差异说明
delta Number 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页。  
animationType String pop-out 窗口关闭的动画效果,详见:窗口动画 App
animationDuration Number 300 窗口关闭动画的持续时间,单位为 ms App
success Function 接口调用成功的回调函数    
fail Function 接口调用失败的回调函数    
complete Function 接口调用结束的回调函数(调用成功、失败都会执行)

参考文献:uniapp-页面路由  

注意事项

在进行跳转时,有时候需要携带参数,可以到  uniapp跳转带值或对象的方法  查看详细步骤

转自:https://blog.csdn.net/m0_75047254/article/details/131803695

https://uniapp.dcloud.net.cn/api/router.html#navigateto

 

标签:Function,调用,app,OBJECT,参数,跳转,Uni,路由,页面
From: https://www.cnblogs.com/zhangsai/p/17986882

相关文章

  • Unity3D 游戏中的自动寻路有怎样的算法详解
    前言Unity3D是一款非常流行的游戏引擎,它的自动寻路功能可以使游戏角色在场景中自动找到最短路径并前往目标位置。本文将详细介绍Unity3D中自动寻路的算法原理以及代码实现。对惹,这里有一个游戏开发交流小组,希望大家可以点击进来一起交流一下开发经验呀在游戏开发中,自动寻路是......
  • nginx 配置文件(路由转发)
    #usernobody;worker_processes1;#error_loglogs/error.log;#error_loglogs/error.lognotice;#error_loglogs/error.loginfo;#pidlogs/nginx.pid;events{worker_connections1024;}http{includemime.types;defau......
  • 记录uniapp开发第一次使用mumu模拟器运行调试
     1下载Mumu模拟器mumu.163.com/2点击安装,按步骤下一步安卓mumu模拟器3打开mumu多开器右上角adb查看端口号4打开mumu模拟器5打开hbuild5.1选择运行,运行到手机模拟器,Android模拟器端口设置,将你自己多开器查看的端口号输入进去 5.2运行配置选择你mumu模拟器安装文......
  • 路由
    路由api.router.pas///<author>2024-1-25</author>unitapi.router;interfaceusesglobal,net.CrossHttpServer,yn.log,Classes,StrUtils,SysUtils;typeTMyProc=procedure(req:TRequest;res:TResponse)ofobject;procedurerouter(con......
  • Unity出AAB包资源加载过慢
    1)Unity出AAB包资源加载过慢2)UnityIL2CPP打包,libil2cpp.so库中没有Mono接口3)如何在URP中正确打出Shader变体4)XLua打包Lua文件粒度问题这是第370篇UWA技术知识分享的推送,精选了UWA社区的热门话题,涵盖了UWA问答、社区帖子等技术知识点,助力大家更全面地掌握和学习。UWA社区主页:com......
  • 转载——Linux/Macos环境下使用 steamcommunity 302 教程
    原博:https://www.dogfight360.com/blog/2319/steamcommunity302后端使用caddy,在生成所有配置文件后可直接迁移到Linux/Macos环境下使用1.首先要在Windows环境/Wine下运行steamcommunity302并在设置里打勾需要开启的功能,然后正常启动服务 2.前往caddy/release页下载......
  • 神经网络优化篇:详解为超参数选择合适的范围(Using an appropriate scale to pick hyper
    为超参数选择合适的范围假设要选取隐藏单元的数量\(n^{[l]}\),假设,选取的取值范围是从50到100中某点,这种情况下,看到这条从50-100的数轴,可以随机在其取点,这是一个搜索特定超参数的很直观的方式。或者,如果要选取神经网络的层数,称之为字母\(L\),也许会选择层数为2到4中的某个值,接着顺......
  • 静态路由基本配置
    拓扑:配置:查看代码[R1]discurrent-configuration[V200R003C00]#sysnameR1#boardadd0/12SA#snmp-agentlocal-engineid800007DB03000000000000snmp-agent#clocktimezoneChina-Standard-Timeminus08:00:00#portallocal-serverloadportalpage.......
  • Unity3D Rts游戏里的群体移动算法是如何实现的详解
    实时战略(RTS)游戏是一种以管理和控制虚拟军队为主题的游戏类型。在这类游戏中,玩家需要控制大量的单位进行战斗、资源采集和建设等操作。其中,群体移动算法是实现这些操作的关键之一。本文将详细介绍Unity3DRTS游戏中群体移动算法的实现原理和代码实现。对啦!这里有个游戏开发交流小......
  • gin框架路由讲解
     点击关注......