小程序的triggerEvent方法用于觸發一個組件上的自定義事件,并傳遞參數給事件處理函數。
使用方法如下:
Component({
properties: {
customEvent: {
type: null,
value: null,
observer: function(newVal, oldVal) {
this.triggerEvent('customEvent', newVal);
}
}
},
methods: {
// 自定義事件處理函數
handleEvent: function(event) {
console.log(event.detail);
}
}
})
<custom-component customEvent="{{data}}"></custom-component>
Page({
data: {
data: 'Hello World',
},
// 監聽組件上的自定義事件
handleEvent: function(event) {
console.log(event.detail); // 輸出:Hello World
}
})
在上述示例中,當組件的customEvent屬性變化時,會觸發組件內部的observer方法,該方法會調用triggerEvent方法觸發自定義事件,并將customEvent的新值作為參數傳遞給事件處理函數handleEvent。在頁面的handleEvent方法中,可以通過event.detail獲取到傳遞的參數。