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 から渡されたパラメータを取得できます。