1.父传子
实现方式类似于vue
引入子组件
在子组件上添加自定义属性 例如:title,content
在子组件上的properties上添加要接收的属性 title,content
在子组件上通过{{ }}就可以直接使用啦。。
ps:只是接收的时候vue是用props 小程序是properties 里边的方法都是一样的
2.子传父
实现方式类似于vue
1.在子组件上触发一个事件 例如:catchtap="confirmmFn"
2.在对应的confirmFn上添加派发的事件和要向父级传递的数据
this.triggerEvent('confirm','ok')
this.triggerEvent('cancel','no')
3.父组件监听子组件派发过来的事件和要接收的数据
bind要监听的事件名=“回调方法”
eg:
<child
bindconfirm="confirm"
bindcancel="cancel"
/>
4.在父组件的js中接收数据
//监听确定按钮触发的回调
confirm(e) {
console.log('监听确定',e.detail)
},
3.兄弟相传 类似于react的兄弟相传
A兄弟,B兄弟,C(父组件)三个组件
A-->C--->B
组件A 通过子传父 将数据传给父组件 C
父组件C 通过父传子的方法将数据再传给子组件B 这样就完成了微信小程序的兄弟组件通信
关于兄弟组件 这里发现了一篇很不错的博客 可以看一下 这里就不细说了~
https://www.cnblogs.com/yier0705/p/9679505.html
|
请发表评论