小程序‌子组件给父组件传递方法和参数this.triggerEvent方法

微信   2025-01-06 09:58   111   0  

‌this.triggerEvent‌是一种在JavaScript中触发自定义事件的方法,主要用于在对象或组件中触发自定义事件,并将数据传递给事件的处理程序。使用this.triggerEvent()时,需要提供两个参数:事件名称和事件数据。例如:


this.triggerEvent('myEvent', {
    message: 'Hello World'
});


这将触发名为myEvent的自定义事件,并将一个包含message属性的对象作为事件数据传递给事件的处理程序。在事件处理程序中,可以通过event.detail属性来访问传递的事件数据。例如:


handleEvent(event) {
  console.log(event.detail.message); //输出"Hello World"
}


使用场景和示例

在微信小程序中,组件可以通过this.triggerEvent方法将内部状态或值传递给使用该组件的页面。例如,一个子组件(b组件)可以通过以下方式触发事件:


Component({
  methods: {
    sumbit() {
      this.triggerEvent('toSumbit', { sumbitInfo: this.data.sumbitInfo });
    }
  }
})


父组件(a组件)可以监听这个事件并处理:

<view>
  <b bind:toSumbit="sumbit"></b>
</view>

javascript
Page({
  methods: {
    sumbit(e) {
      console.log(e.detail.sumbitInfo);
    }
  }
})



博客评论
还没有人评论,赶紧抢个沙发~
发表评论
说明:请文明发言,共建和谐网络,您的个人信息不会被公开显示。