子组件传递父组件需要用到triggerEvent方法,当子组件(自定义组件)点击button的时候调用triggerEvent方法传递一些数据,首先第一个属性为自定义名称(myevent)对应父组件(bind:myevent)名字是个标识必须相同,第二个参数就是要传递的数据,第三个参数是一些配置具体参考 https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/events.html。父组件bind:myevent=”onMyEvent”事件绑定,通过e.detail.count来获取数据。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
| <component-tag-name bind:myevent="onMyEvent" />
Component({ onMyEvent(e) { e.detail.count } })
<button bindtap="onTap">点击这个按钮将触发“myevent”事件</button>
//index.js Component({ properties: {}, methods: { onTap() { const myEventDetail = {count:1} // detail对象,提供给事件监听函数 const myEventOption = {} // 触发事件的选项 this.triggerEvent('myevent', myEventDetail, myEventOption) } } })
|