微信小程序组件通讯的方式
父传子:
实现方式类似于vue
引入子组件
在子组件上添加自定义属性 例如:title,content
在子组件上的properties上添加要接收的属性 title,content
在子组件上通过{{ }}就可以直接使用啦。。。
子传父
实现方式类似于vue
1.在子组件上触发一个事件 例如:catchtap=“confirmmFn”
2.在对应的confirmFn上添加派发的事件和要向父级传递的数据
this.triggerEvent(‘confirm’,‘ok’)
this.triggerEvent(‘cancel’,‘no’)
3.父组件监听子组件派发过来的事件和要接收的数据
bind要监听的事件名=“回调方法”
例如:
<Dialog
bindconfirm="confirm"
bindcancel="cancel"
/>
4.在父组件的js中接收数据
//监听确定按钮触发的回调
confirm(e) {
console.log(‘监听确定’,e.detail)
},