注意:要使子组件可以在父组件展示需在父组件的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.创建一个文件夹存放组件,并在里面创建一个组件文件夹,components,tabs
2.在tabs文件里添加组件模板
3.引用组件,在父组件的json文件中的usingComponents中添加子组件路径,compont
4.使用组件,相当于正常标签进行使用
二.父组件向子组件传参的步骤
父组件给子组件的tabs传入对象
1.父组件的数据
2.子组件做的 *** 作
如果没有传入数据,就会输出默认值value
3.子组件展示对象数据:
三.子组件向父组件传参的步骤
1.先给子组件添加一个点击事件
2.通过this.triggerEvent("自定义事件名称",{传的值})命令保证子组件和父组件同步被修改
3.父组件绑定子组件,定义一个事件名称,用来接收子组件传递的数据
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)