uniapp路由传值
时间: 2023-08-21 09:04:05 浏览: 48
在 Uniapp 中,可以使用路由传值来在页面之间传递数据。Uniapp支持两种类型的路由传值:参数传递和query传递。
1. 参数传递:
在跳转页面时,可以将参数直接附加在路由路径上,例如:
```javascript
// 跳转页面,并传递参数
uni.navigateTo({
url: '/pages/detail/detail?id=1&name=example'
});
```
在目标页面中,可以通过 `this.$route.query` 来获取传递的参数:
```javascript
// 在目标页面中获取参数
onLoad() {
const id = this.$route.query.id;
const name = this.$route.query.name;
// ...
}
```
2. Query传递:
可以使用 `uni.navigateBack` 和 `uni.navigateBack` 方法来进行页面之间的跳转,并通过 `query` 传递数据。例如:
```javascript
// 跳转页面,并传递参数
uni.navigateTo({
url: '/pages/detail/detail?query1=value1&query2=value2'
});
```
在目标页面中,可以通过 `this.$route.query` 来获取传递的参数:
```javascript
// 在目标页面中获取参数
onLoad() {
const query1 = this.$route.query.query1;
const query2 = this.$route.query.query2;
// ...
}
```
以上就是在 Uniapp 中使用路由传值的方法。希望对你有所帮助!如果还有其他问题,请继续提问。