父组件向子组件传值
父组件通过属性传值
<childEle childParams="{{params}}"></childEle>
子组件通过properties接收:
properties: {childParams: {type: String }}
子组件调用父组件方法
父组件定义方法,childFun是子组件中的方法名,fun是父组件中的方法名。我们通过chidlFun来调用fun。
<childEle childParams="{{params}}" bind:childFun="fun"></childEle>
父组件方法:
childFun(e){console.log('我是父组件的方法', e)}
当点击子组件的按钮执行 clickFun 时调用父组件的方法
clickFun(){this.triggerEvent('childFun');//如果需要传递参数,直接写在triggerEvent的参数里即可}
父组件调用子组件的方法
<childEle id="childEle" childParams="{{params}}" bind:childFun="fun"></childEle>
父组件的 onReady 生命周期中获取 childEle 元素
onReady(){this.childEle = this.selectComponent('#childEle');}
父组件的点击事件 childF 调用子组件的事件:
<view bindtap="childF">我是父组件的点击事件</view>
父组件触发子组件的方法:
childF(){this.childEle.foo()}
这里的 foo即为子组件的方法。