所有的前提:一定要建立好组件文件
一、父向子传值
1、父组件引入子组件并在wxml页面中使用,利用标签属性将需要传递的数据进行赋值(前提须在父页面的js文件中定义好数据)
2、子组件在自己的js文件中定义父组件的数据类型,然后再页面中即可正常使用。
父组件的json中(引入子组件)
父组件的js中(定义数据)
父组件的wxml中(传递数据)
子组件的js中
子组件的wxml中
二、子向父传值
1、在子组件wxml中定义点击事件
2、在js文件中触发该事件,并在其中使用_this.triggerEvent(“向父组件传递的事件名称”,要传递过去的参数)方法向父组件传递参数
3、在父组件wxml的组件标签中定义该事件名称,并触发回调函数
子组件wxml定义点击事件
子组件js中
父组件wxml中
父组件js中