uniapp中a页面将数组传到b页面,b页面将接收的数组的对象拿出来
时间: 2024-03-24 13:39:40 浏览: 61
在uni-app中,你可以使用页面跳转时传递参数的方式将数组传递到目标页面。在发送页面(a页面)中,你可以使用`uni.navigateTo`或`uni.redirectTo`方法跳转到目标页面,并通过`query`参数传递数组。例如:
```javascript
// 在a页面中跳转到b页面,并传递数组参数
uni.navigateTo({
url: '/pages/b/b?people=' + encodeURIComponent(JSON.stringify(people))
})
```
在接收页面(b页面)中,你可以通过`this.$route.query`访问接收到的数组。例如:
```javascript
export default {
mounted() {
const people = JSON.parse(decodeURIComponent(this.$route.query.people))
console.log(people)
const names = people.map(person => person.name)
console.log(names)
const totalAge = people.reduce((sum, person) => sum + person.age, 0)
console.log(totalAge)
const youngPeople = people.filter(person => person.age < 30)
console.log(youngPeople)
}
}
```
需要注意的是,`this.$route.query`中的参数是以字符串的形式传递的,因此你需要使用`JSON.parse`方法将其转换为JavaScript对象。在转换之前,你可能需要使用`encodeURIComponent`方法对数组进行编码,以防止出现URL编码问题。
希望这些例子能够帮助你理解如何在uni-app中将数组传递到另一个页面,并从中提取对象。
阅读全文