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

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

1、传递参数为对象格式

若参数为对象则需先使用 JSON.stringify()进行转换 , 接收后使用JSON.parse()转为对象.

但这样传参有一个问题，当对象数据长度过大时会报错，因为url传参时程序把过长的那段数据给截取掉了，导致数据转换回来时格式不对而报错。

2、传递参数中含有? = &等特殊字符

若传递参数中含有=,?,&等特殊字符，无法正常传递参数，则需要进行编码解码。

解决：

这时可以再添加另一个API：encodeURIComponent(obj) 和 decodeURIComponent(options.obj)，在encodeURIComponent之前要用JSON.stringify()先转换数据，decodeURIComponent之后再用JSON.parse()转换回来。

encodeURIComponent(JSON.stringify(obj)) 为跳转url时的转换方法。

JSON.parse(decodeURIComponent(options.obj)) 为接收参数页面的转换方法。

例如：

---