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

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，用来接收子组件穿来的参数。

一、通过事件进行参数传递

先来看眼小程序对事件的定义：

#什么是事件?

这里是列表文本事件是视图层到逻辑层的通讯方式。

这里是列表文本事件可以将用户的行为反馈到逻辑层进行处理。

这里是列表文本事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。

这里是列表文本 事件对象可以携带额外信息，如id, dataset, touches。

一：url带参数传递

与前端语言一样，小程序页面间的传递可以通过在路由url后接参数，路由的同时会将参数一并传递到新的页面。

index.wxml:

效果图：

二：将值存入全局变量

我们同样可以将需要的值存入全局变量中，在需要的地方直接引用就好了。

需要用到全局变量时记得要先获取应用实例： const app = getApp()

**三， 用event传值

JS文件

---