微信小程序怎么在使用triggerevent()時(shí)傳遞參數(shù)

小億
404
2023-11-01 12:38:26
欄目: 云計(jì)算

在使用triggerEvent()方法觸發(fā)自定義組件事件時(shí)，可以通過傳遞第二個(gè)參數(shù)來傳遞參數(shù)。

例如，定義一個(gè)自定義組件內(nèi)的事件，并在觸發(fā)時(shí)傳遞參數(shù)：

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

然后在頁面中使用該自定義組件，并在觸發(fā)事件時(shí)接收參數(shù)：

<!-- 在頁面的.wxml文件中 -->
<custom-component bind:myevent="handleEvent"></custom-component>

// 在頁面的.js文件中
Page({
  handleEvent(e) {
    console.log(e.detail)  // 輸出 { name: "John", age: 18 }
  }
})

在自定義組件中，使用triggerEvent()方法觸發(fā)事件時(shí)，第一個(gè)參數(shù)是事件名稱，第二個(gè)參數(shù)是要傳遞的參數(shù)，可以是任意類型的數(shù)據(jù)。在頁面中接收事件時(shí)，可以通過e.detail獲取傳遞的參數(shù)。

0 踩