微信小程序 子传父 传对象
时间: 2024-10-22 21:13:57 浏览: 25
微信小程序中子页面向父页面传值实例详解
微信小程序中,"子传父"通常指的是从子组件向父组件传递数据的过程,特别是在父子组件之间需要共享状态或设置的时候。当子组件需要将一个对象作为参数传递给父组件时,可以采用props(属性)的方式。具体步骤如下:
1. **定义对象**:首先,在子组件内部创建一个对象,并对它进行初始化。
```javascript
Page({
data: {
customObj: { key1: 'value1', key2: 'value2' }
},
})
```
2. **通过props传递**:在子组件的`props`中声明需要传递的对象,然后在调用父组件的地方使用这个属性。
```javascript
<parent-component bindSomeEvent="handleCustomObject" customObject={this.data.customObj} />
```
3. **父组件接收并处理**:在父组件中,通过`bindSomeEvent`事件监听器接收这个对象,并可以在相应的生命周期钩子函数中处理它。
```javascript
// parent-component.wxml
<child-component bindSomeEvent="handleCustomObject" />
// parent-component.js
Page({
methods: {
handleCustomObject(customObj) {
console.log('Received object from child:', customObj);
// ... 这里可以进一步操作或存储customObj
},
},
})
```
阅读全文