(本篇前提,已经将子组件在父组件中通过标签的形式展示出来)
在子组件的操作
搞一个可以触发的事件,随意绑定一个名字,举例:
<button bindtap="songivedad">子组件给父组件传值</button>
在子组件的 js 文件,这样做:
this.triggerEvent()这是个方法,别乱搞,可以去查看文档
参数一,随便命名
methods: {
songivedad(){
this.triggerEvent('zidingyishijiannming',this.data.msg)
}
}
参数二,在这里我们传递的是子组件 data 里定义的数据,查看:
data: {
msg:'子组件向父组件传递信息'
}
在父组件的操作
将刚刚在子组件随意命名的参数一,在父组件中通过bind绑定,举例:
(这里的lists是子组件)
dadaccept 随意命名
<lists bind:zidingyishijiannming="dadaccept"></lists>
然后在父组件的 js 文件,对其进行操作,举例:
mmsg 随意命名
dadaccept(e){
console.log(e);
this.setData({
mmsg:e.detail
})
}
然后在父组件 wxml 中就可以显示出信息了
{{mmsg}}
触发事件(点击按钮),即可获得子组件传递给父组件的信息