uni-app用的路由跳转
时间: 2023-05-31 07:06:32 浏览: 174
uniapp日常总结-uniapp页面跳转方式
在uni-app中,可以使用以下方式进行路由跳转:
1. 使用uni.navigateTo方法进行页面跳转:
```
uni.navigateTo({
url: '/pages/index/index'
})
```
2. 使用uni.redirectTo方法进行页面重定向:
```
uni.redirectTo({
url: '/pages/index/index'
})
```
3. 使用uni.reLaunch方法进行页面重新加载:
```
uni.reLaunch({
url: '/pages/index/index'
})
```
4. 使用uni.switchTab方法进行Tab页面切换:
```
uni.switchTab({
url: '/pages/index/index'
})
```
5. 使用uni.navigateBack方法进行页面返回:
```
uni.navigateBack({
delta: 1 // 返回的页面数,如果不传则默认返回上一页
})
```
注意:在使用以上方法时,需要将跳转的页面路径写为绝对路径,即以“/”开头。如果是跳转到子页面,需要在路径后面加上“?query=xxx”参数传递数据。例如:
```
uni.navigateTo({
url: '/pages/detail/detail?query=' + JSON.stringify({id: 1})
})
```
在detail页面中可以通过以下方式获取传递的数据:
```
export default {
onLoad(options) {
const query = JSON.parse(options.query)
console.log(query.id)
}
}
```
阅读全文