这篇主要讲组件通讯
(1)父组件向子组件传值:
<header =\'{{ }}\' bind:fn=\'fn\' id=\'header\'></header>
通过 =\'{{ }}\'传向子组件向子组件传递参数
子组件接收参数:
Component({
properties: {
: { // 属性名 type: Number, // 类型(必填)
type: String,//目前接受的类型包括:String, Number, Boolean, , Array, null(表示任意类型)
},
fn: {
type: Function,
},
},
data: {
},
methods: {
// 子组件调用父组件方法
childFn() {
console.log(this.data. )
this.triggerEvent(\"fn\");
//triggerEvent函数接受三个值:事件名称、数据、选项值
}
}
})
methods使用 时 this.data. 直接就可以获取到
通过 bind:fn=\'fn\'传向子组件向子组件传递方法
方法同样也要在properties接收,methods里定义一个新方法, this.triggerEvent(\"fn\") 接收父组件传递过来的方法
(2)父组件调用子组件数据及方法:
首先在父组件js onReady 生命周期中获取到组件
onReady: function () {
//获得popup组件
this.header= this.selectComponent(\"#header\");
},
比如要调用子组件的一个function方法
// 调用子组件方法
fn(){
this.header.fn() //子组件的方法
},
调用子组件数据的话直接 this.header.msg 就可以拿到子组件的数据
继续阅读与本文标签相同的文章
上一篇 :
聚能聊每周精选 第十二期
-
能「看到」的张量运算:因子图可视化
2026-05-18栏目: 教程
-
各位纳税人请注意应在增值税发票管理系统停机升级前做好的相关业务
2026-05-18栏目: 教程
-
铲屎官必备,快用这些APP把你宠物做成表情包!
2026-05-18栏目: 教程
-
方便的解码转码工具CTFcrack
2026-05-18栏目: 教程
-
机器人可以自学单手解魔方了,这意味着什么?
2026-05-18栏目: 教程
