父组件调用子组件
创建父组件组件zhibo和子组件zhiboing
在zhibo.json引入组件
{
"usingComponents": {
"zhiboing":"/components/zhibo/zhiboing/zhiboing"
},
"navigationBarTitleText": "直播拍卖"
}
渲染子组件
<zhiboing id="bb" aaa="1114845648948949489" bind:daidai="daidai"></zhiboing>
注意 :id是组件的名称 aaa是父组件给子组件的传参,可字符串可对象 bind:daidai="daidai"是子组件出触发的方法
父组件触发方法
//此处为父组件方法
ceshi(){
this.canvas.aaa(111)
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
//父组件data定义canvas
this.canvas = this.selectComponent("#bb");
},
子组件响应
aaa() {
this.setData({
aaa:"222"
})
},
子组件触发父组件
子组件触发
cesshi(){
this.triggerEvent("daidai","5555")
}
父组件响应
daidai(val){
debugger
},