wechat ミニプログラム triggerevent()でパラメータを渡す方法

トリガーイベントメソッド triggerEvent() でカスタムコンポーネントのイベントをトリガするときに、2 番目のパラメーターを渡すことで引数を渡すことができます。

たとえば、カスタム コンポーネント内でイベントを定義し、発生時にパラメータを渡す:

// 在自定义组件的.js文件中
Component({
  methods: {
    onTap() {
      let data = {
        name: "John",
        age: 18
      }
      this.triggerEvent('myevent', data)
    }
  }
})

独自のコンポーネントをページで使用し、イベントがトリガーされた時にパラメーターを受け取ります

<!-- 在页面的.wxml文件中 -->
<custom-component bind:myevent="handleEvent"></custom-component>
// 在页面的.js文件中
Page({
  handleEvent(e) {
    console.log(e.detail)  // 输出 { name: "John", age: 18 }
  }
})

カスタムコンポーネントで triggerEvent() メソッドを用いてイベントを発火する場合、第一引数がイベント名、第二引数は渡したいパラメータとなり、任意のデータを設定できます。ページ側でイベントを受け取るときに、e.detail から渡されたパラメータを取得できます。

bannerAds