uniapp navigator
时间: 2023-08-19 19:05:33 浏览: 188
uniapp日常总结-uniapp页面跳转方式
Uniapp中的导航功能是通过uni.navigateTo、uni.redirectTo、uni.reLaunch、uni.switchTab等API实现的。这些API可以实现页面之间的跳转和切换。
- uni.navigateTo:保留当前页面,跳转到应用内的某个页面,可以返回上一级页面。
- uni.redirectTo:关闭当前页面,跳转到应用内的某个页面,不可以返回上一级页面。
- uni.reLaunch:关闭所有页面,打开应用内的某个页面。
- uni.switchTab:跳转到应用内的某个tabBar页面,并关闭其他所有非tabBar页面。
这些API的使用方式都类似,需要传入一个对象参数,其中url属性指定要跳转的页面路径,可以是绝对路径或相对路径。另外,还可以在url后面添加查询参数,如"?id=1",在目标页面中可以通过this.$route.query.id获取该参数值。
举个例子,如果要跳转到名为"detail"的页面并传递id参数,可以使用以下代码:
```javascript
uni.navigateTo({
url: '/pages/detail/detail?id=1'
});
```
这样就会跳转到/pages/detail/detail页面,并传递id参数为1。
需要注意的是,在使用uni.navigateTo和uni.redirectTo跳转时,目标页面的路径需要在pages.json配置文件中进行注册。而uni.switchTab跳转的目标页面必须是tabBar页面。
阅读全文