父传子
引入子组件
在父组件中给子组件上添加自定义属性
例如:title,content
在子组件上的properties上添加要接收的属性 title,content
在子组件上通过{
{ }}就可以直接使用啦。。
<Detaile id=‘dialog’ title=‘支付’ content='支付成功’
子传父
1.在子组件上触发一个事件 例如:catchtap=“confirmmFn”
2.在对应的confirmFn上添加派发的事件和要向父级传递的数据
this.triggerEvent(‘confirm’,‘ok’)
this.triggerEvent(‘cancel’,‘no’)
3.父组件监听子组件派发过来的事件和要接收的数据
bind要监听的事件名=“回调方法”
例如:
4.在父组件的js中接收数据
//监听确定按钮触发的回调
confirm(e) {
console.log(‘监听确定’,e.detail)
},
兄弟传值
通过触发父级方法,父级方法里setData设置传入另一个组件的值,从而修改另一个子组件的值。
app.json声明两个组件
“usingComponents”: {
“component-test”: “pages/component/test/test”,
“component-testcom2”: “pages/component/testcom2/testcom2”
}
component-test组件的js
properties: {