uniapp常见的路由与页面跳转api
时间: 2023-09-17 19:01:12 浏览: 254
Uniapp支付链转二维码
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中灵活实现不同形式的页面跳转,并且还可以传递参数进行页面间的数据交互。这为开发者提供了更多的操作空间,使得应用的跳转逻辑更加丰富和灵活。
阅读全文