微信小程序中子组件调用父组件的方法

微信小程序中子组件调用父组件的方法,第1张

组件中调用父组件的山态方法,通常的两个参雹唯乱数源档

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12525058.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-26
下一篇 2023-05-26

发表评论

登录后才能评论

评论列表(0条)

保存