uniapp实现跳转传参,怎么获取参数?
时间: 2024-09-14 10:08:52 浏览: 43
在uniapp中实现页面跳转并传递参数,可以通过编程式导航(即使用API方法进行页面跳转)来完成。参数传递后,在目标页面中可以使用`uni.$emit`、`this.$parent`、`this.$refs`或`onLoad`方法来获取这些参数。以下是具体实现的方法:
1. 使用`uni.navigateTo`或`uni.redirectTo`等API进行页面跳转时,可以在`url`参数中附加查询参数(query)。例如,在当前页面执行以下代码跳转到新页面,并传递参数:
```javascript
uni.navigateTo({
url: '/pages/targetPage/targetPage?param1=value1¶m2=value2'
});
```
2. 在目标页面的`onLoad`生命周期函数中获取传递的参数。`onLoad`方法会接收到一个包含所有查询参数的对象作为第一个参数,例如:
```javascript
export default {
onLoad: function (options) {
console.log(options.param1); // 输出传递的param1参数值
console.log(options.param2); // 输出传递的param2参数值
}
}
```
3. 另外,也可以使用`uni.$emit`、`this.$parent`或`this.$refs`等方法获取父页面传递的参数,这通常用在复杂场景下,如嵌套页面或组件之间的数据通信。
阅读全文