页面路由(页面跳转与数据传递)

1.定义

页面路由就是指在应用程序中实现不同页面之间的跳转和数据传递

2.详解

3.总结

  在鸿蒙系统中,页面路由可以通过router.pushUrl、router.replaceUrl、Single模式、Standard模式实现。其中router.pushUrl方法用于页面跳转,router.replaceUrl方法用于页面替换。

  以router.pushUrl方法为例,在Single模式下,如果目标页面的url在页面栈中已经存在同url页面,离栈顶最近同url页面会被移动到栈顶,移动后的页面为新建页,原来的页面仍然存在栈中,页面栈数量不变;如果目标页面的url在页面栈中不存在同url页面,按多实例模式跳转,页面栈数量会加1。
  当页面栈数量较大或者超过32时,可以通过调用router.clear()方法清除页面栈中的所有历史页面,仅保留当前页面作为栈顶页面。

Uniapp是一款基于Vue.js框架开发的跨平台应用框架,它可以一次编写代码,同时生成多个平台的应用,包括H5、小程序、App等。下面是Uniapp中常见的路由页面跳转的API: 1. 路由跳转:Uniapp提供了uni.navigateTo、uni.redirectTo、uni.reLaunch和uni.switchTab这几个API来实现不同形式的页面跳转。 - uni.navigateTo:保留当前页面跳转到应用内的某个页面。可返回上一页。 - uni.redirectTo:关闭当前页面跳转到应用内的某个页面。不可返回上一页。 - uni.reLaunch:关闭所有页面,打开应用内的某个页面。 - uni.switchTab:跳转到应用内的某个tabBar页面,同时关闭其他所有非tabBar页面。 2. 路由传参:在跳转页面时,可以通过URL参数传递数据。 - uni.navigateTo({ url: '/pages/detail?id=1' }),在目标页面可以通过uni.getStorageSync('id')获取id的值。 3. 获取路由参数:在目标页面,可以通过uni.getStorageSync('key')来获取跳转传递的参数值。 4. 返回上一页:Uniapp中可以通过uni.navigateBack()来返回上一页。 5. 重定向跳转:Uniapp中可以通过uni.redirectTo()实现页面的重定向跳转。 通过上述路由页面跳转的API,开发者可以在Uniapp中灵活实现不同形式的页面跳转,并且还可以传递参数进行页面间的数据交互。这为开发者提供了更多的操作空间,使得应用的跳转逻辑更加丰富和灵活。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值