微信小程序父子组件传值及函数调用

实现路径

在子组件触发调用addInfo方法，在方法里面声明参数（item），然后通过triggerEvent将参数传给父组件。
父组件接收调用请求，触发getAddInfo方法，获取子组件传递的参数（item）

实现方法

1、新建组件，绑定子组件触发的方法。

子.wxml：
<button type="primary" bindtap="addInfo">确定</button>
 
子.js：
addInfo(){
     let item = {title:'测试',money:8,category:'吃饭'}//要传给父组件的参数
     this.triggerEvent('addInfo',item)//通过triggerEvent将参数传给父组件
},

2、父组件.json文件引用子组件。

父.json：
//usingComponents 组件，add-item：子组件调用名称、“../demo/add”：子组件调用路径
{
    "component": true,
    "usingComponents": {
        "add-item": "../demo/add"
    }
}
 
父.wxml：
<add-item  bind:addInfo="getAddInfo"></add-item>
 
父.js:
getAddInfo(e){
    console.log(e.detail)//{title:'测试',money:8,category:'吃饭'} 
},

————————————————

参考：

https://blog.csdn.net/weixin_43452154/article/details/126770872

本文链接： https://jianz.xyz/index.php/archives/443/