微信小程序 父子组件间传参

如题所述

第1个回答  2022-06-30
father.json

注意:要使子组件可以在父组件展示需在父组件的json中引入并定义。

father.wxml

注意:fatherTOson属性写在son标签上,fatherTOson不是固定的,可以修改其值。

son.js

注意:即在son.js的properties中定义父组件要传过来的参数类型
son.wxml

总结: 父组件向子组件传参,实际上就是在父组件中引入子组件的时候,带上一个属性fatherTOson,并且给其赋值,然后子组件通过这个属性名称fatherTOson,获取其值。

son.wxml

son.js

注意:bindtap='change'定义了一个方法在son.js的methods完成向父组件传值。this.triggerEvent固定不变,myevent是在父组件中定义的方法。sonTOfather是传给父组件的变量名。

father.wxml

注意:myevent是在父组件中定义的方法;sonTOfather是声明的变量接收子组件的值

father.js

注意:在father.js中声明变量sonTOfather,用来接收子组件穿来的参数。