微信小程序子组件调用父组件的方法
时间: 2023-08-10 19:03:37 浏览: 186
demo-wxapp-call-component-method:微信页面(Page)调用自定义组件(Component)内部方法
在微信小程序中,子组件可以通过触发事件的方式调用父组件的方法。首先,在子组件的js文件中,定义一个方法,例如`childFun`。在该方法中,可以通过`this.triggerEvent`方法触发一个自定义事件,并将需要传递给父组件的参数作为参数传递给该事件。例如:
```javascript
addInfo() {
let item = {title:'测试',money:8,category:'吃饭'} // 要传给父组件的参数
this.triggerEvent('addInfo', item) // 通过triggerEvent将参数传给父组件
}
```
然后,在父组件的wxml文件中,使用子组件,并通过`bind`关键字绑定父组件中的方法。例如:
```html
<childEle bind:addInfo="getAddInfo"></childEle>
```
在父组件的js文件中,定义一个与子组件触发的事件同名的方法,例如`getAddInfo`。该方法的参数`e`中的`detail`属性即为子组件传递的参数。例如:
```javascript
getAddInfo(e) {
console.log(e.detail) // {title:'测试',money:8,category:'吃饭'}
}
```
通过以上步骤,子组件就可以调用父组件的方法,并将参数传递给父组件进行处理。
阅读全文