var myEventDetail = {} // detail对象,提供给事件监听函数
var myEventOption = {} // 触发事件的选项
this.triggerEvent('myevent', myEventDetail, myEventOption)
用于父组件向子组件指定属性设游升顷置数据,无法将方法传递给子组件实例:
父组件:
js中声明一个变量count
wxml
渲染父组件count
在父组件引用子组件,并进行属性绑定,把父组件count值传给子组件
子组件
在子组件的js中接收
子组件wxml中进行渲染
结果:
用于子组件向父神陆组件传递数据,可以传递任意数据
子组件
触发加1按笑祥钮之后传递给父组件
父组件:
js
创建事件
wxml
绑定自定义事件
父组件通过this.selectComponent()获取子组件实例对象,可以访问子组件任意数据和方法
父组件进行调用时需要传入一个id或者class选择器
父组件
wxml
js
拿到子组件实例对象,直接为子组件进行赋值
修改父组件count值
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,用来接收子组件穿来的参数。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)