1. 程式人生 > >微信小程式元件攜帶引數

微信小程式元件攜帶引數

通過元件來傳遞引數tiggerEvent,注意元件事件命名要與引用處的命名一致(加粗部分)
元件test.wxml:
這裡寫圖片描述
元件js:
methods: {
onTap: function(e){
var myEventDetail = {
id:e.target.dataset.id
} // detail物件,提供給事件監聽函式,攜帶的資料

var myEventOption = { } // 觸發事件的選項,bubbles:是否冒泡,composed:是否可以穿越元件邊界,capturePhase: 是否擁有捕獲階段
this.triggerEvent(‘onchange

‘, myEventDetail, myEventOption) //這裡的myevent要和呼叫該元件的事件命名一致
}
}
引入元件的json頁面:
“usingComponents”: {
“test”: “../../components/test/test” //填寫元件真實路徑
}
wxml頁面:
這裡寫圖片描述
js頁面:
change:function(e){
let id = e.target.dataset.id;
console.log(id); //列印獲取的資料
}