介绍,& lt; header title=& # 39;{{标题}}& # 39;,绑定:fn=& # 39; fn # 39;, id=& # 39;头# 39;祝辞& lt;/header> 组件({
,,属性:{
,,,标题:,{,,,,,,//,属性名,类型:,,,//,类型(必填)
,,,,,类型:,字符串,//目前接受的类型包括:字符串,,,,布尔值,对象,数组,,空(表示任意类型)
,,,},
,,,fn:, {,,,,,
,,,,,类型:,函数,
,,,},
,,},
,,数据:{
,,,,,
,,},
方法:才能,{
,,,//,子组件调用父组件方法
,,,childFn (), {
,,,,,console.log (this.data.title)
,,,,,this.triggerEvent (“fn");
,,,,,//triggerEvent函数接受三个值:事件名称,数据,选项值,,
,,,}
,,}
}) ,//,调用子组件方法
fn才能(){
,,,this.header.fn(),//子组件的方法
,,},
这篇文章主要介绍了微信小程序中组件通讯的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
这篇主要讲组件通讯
(1)父组件向子组件传值:
通过title=& # 39;{{标题}}& # 39;传向子组件向子组件传递参数
子组件接收参数:
方法使用标题时this.data。标题直接就可以获取到
通过绑定:fn=& # 39; fn # 39;传向子组件向子组件传递方法
方法同样也要在属性接收,方法里定义一个新方法,this.triggerEvent (“fn")接收父组件传递过来的方法
(2)父组件调用子组件数据及方法:
首先在父组件js> onReady:, function (), { ,,,//获得弹出组件 ,,,this.header=, this.selectComponent (“# header"); },
比如要调用子组件的一个函数方法
调用子组件数据的话直接this.header。味精就可以拿到子组件的数据
感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序中组件通讯的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
