uniapp 路由跳转
时间: 2023-09-08 17:14:18 浏览: 96
uniapp日常总结-uniapp页面跳转方式
在 Uniapp 中,可以使用 `uni.navigateTo` 或 `uni.redirectTo` 方法进行路由跳转。
`uni.navigateTo` 方法用于打开新页面,并且可以返回上一页面。
```javascript
uni.navigateTo({
url: '/pages/example/example' // 路径为 pages/example/example 的页面
})
```
`uni.redirectTo` 方法用于关闭当前页面,并打开新页面。
```javascript
uni.redirectTo({
url: '/pages/example/example' // 路径为 pages/example/example 的页面
})
```
在跳转时,可以通过添加参数来传递数据。例如:
```javascript
uni.navigateTo({
url: '/pages/example/example?id=123&name=John' // 传递 id 和 name 参数
})
```
在目标页面中,可以通过 `this.$route.query` 对象获取传递的参数。例如:
```javascript
// 在 example 页面中获取参数
console.log(this.$route.query.id) // 输出 123
console.log(this.$route.query.name) // 输出 John
```
还可以使用 `uni.reLaunch` 方法跳转到指定页面,并关闭其他所有页面。使用方式与前面两个方法类似:
```javascript
uni.reLaunch({
url: '/pages/example/example'
})
```
需要注意的是,路径中的 `/pages/` 是默认的页面存放目录,需要根据实际情况进行调整。
希望以上信息对你有帮助!如果有其他问题,请继续提问。
阅读全文