uniapp带多个参数跳转页面
时间: 2023-08-06 20:04:45 浏览: 155
uni-app如何页面传参数的几种方法总结
在uni-app中,可以使用`uni.navigateTo`方法来进行页面跳转,并且可以携带多个参数。下面是一个示例代码:
```javascript
// 跳转页面时携带参数
uni.navigateTo({
url: '/pages/targetPage?param1=value1¶m2=value2',
success: function(res) {
console.log('跳转成功');
},
fail: function(err) {
console.log(err);
}
});
```
在目标页面的`onLoad`生命周期方法中,可以通过`options`对象获取传递过来的参数。示例如下:
```javascript
// 目标页面的onLoad方法中获取参数
onLoad: function(options) {
console.log(options.param1); // 输出:value1
console.log(options.param2); // 输出:value2
}
```
在跳转时,将参数拼接在`url`中,使用`key=value`的形式进行传递。在目标页面的`onLoad`方法中,通过`options`对象获取参数的值。
阅读全文