uniapp 跳转页面 参数
时间: 2023-10-21 17:28:42 浏览: 117
uniapp日常总结-uniapp页面跳转方式
在 Uniapp 中,可以使用 `uni.navigateTo`、`uni.redirectTo` 或 `uni.reLaunch` 方法来进行页面跳转,并可以通过传递参数来实现不同页面间的数据传递。
这里以 `uni.navigateTo` 方法为例,示例代码如下:
```javascript
// 跳转到目标页面,并传递参数
uni.navigateTo({
url: 'targetPage?param1=value1¶m2=value2',
success: function(res) {
// 跳转成功后的回调函数
console.log('跳转成功');
},
fail: function(err) {
// 跳转失败后的回调函数
console.log('跳转失败', err);
}
});
```
在目标页面中,可以通过 `this.$route.query` 或 `this.$mp.query` 来获取传递的参数,示例代码如下:
```javascript
export default {
onLoad(options) {
// 获取参数
const param1 = this.$route.query.param1;
const param2 = this.$route.query.param2;
console.log(param1, param2);
}
}
```
以上示例代码中的 `'targetPage'` 是目标页面的路径,可以根据实际情况进行修改。参数以 `key=value` 的形式拼接在路径后面,多个参数之间使用 `&` 分隔。
你还可以使用其他跳转方法,具体使用哪种方法取决于你的需求。希望能对你有所帮助!如果有更多问题,请继续提问。
阅读全文