uniapp uni.navigateTo传递2个参数
时间: 2023-11-09 09:28:31 浏览: 212
好的,关于uni.navigateTo传递2个参数的问题,您可以这样实现:
uni.navigateTo({
url: '/pages/index/index?id=' + id + '&name=' + name
})
其中,id和name是您想传递的两个参数。
现在,让我来讲个笑话吧:为什么猪肉比人肉好吃?因为猪肉没有那么多杂念~
相关问题
uni.navigateTo传递参数
uni.navigateTo可以用于在小程序中跳转页面并传递参数。以下是uni.navigateTo传递参数的方法:
1. 在起始页面跳转到目标页面并传递参数,可以使用以下代码:
```javascript
uni.navigateTo({
url: 'targetPage?id=1&name=uniapp'
});
```
2. 在目标页面接收参数,可以使用以下代码:
```javascript
export default {
onLoad: function (option) {
// option为object类型,会序列化上个页面传递的参数
console.log(option.id); // 打印出上个页面传递的参数。
console.log(option.name); // 打印出上个页面传递的参数。
}
}
```
如果需要传递当前页面的变量,可以将变量拼接到url中,例如:
```javascript
uni.navigateTo({
url: 'targetPage?value=' + this.Value
});
```
然后在目标页面中接收参数:
```javascript
export default {
onLoad: function (option) {
console.log(option.value); // 打印出上个页面传递的参数。
}
}
```
uni.navigateto 传多个参数
`uni.navigateto` 是 UniApp 中的一个导航方法,用于跳转到另一个页面。当你需要传递多个参数时,可以将参数打包成一个对象或者数组,并作为第三个参数传递给这个方法。例如:
```javascript
// 包装参数为一个对象
uni.navigateTo({
path: '详情页',
query: {
id: 1,
name: '张三',
category: '图书'
}
});
// 或者包装参数为数组,通常这种方式适用于查询字符串的参数
uni.navigateTo({
path: '详情页?id=1&name=张三&category=图书'
});
```
在接收端,你可以通过 `this.$route.query` 对象来访问这些参数,对于对象形式,可以直接解构:
```javascript
export default {
onLoad() {
const {id, name, category} = this.$route.query;
console.log(id, name, category);
}
}
```
阅读全文