這里引用了自定義組件, 在index.wxml
<v-like like="{{classic.like_status}}" count="{{classic.fav_nums}}" bind:tap="onLike"></v-like>
在index.js打印事件出來:
onLike:function(e){
console.log(e)
}
可以看到控制臺輸出是這樣的:
image.png
自定義事件,在like組件中添加自定義事件
let behavior = this.properties.like ? 'like' : 'cancel'
this.triggerEvent(
'like', //自定義事件名稱
{//detail對象
behavior: behavior
},
{//事件選項
bubbles: false,//事件是否冒泡
composed: false,//事件是否可以穿越組件邊界,為false時会放,事件將只能在引用組件的節(jié)點樹上觸發(fā)袍啡,不進(jìn)入其他任何組件內(nèi)部
capturePhase: false,//事件是否擁有捕獲階段
}
)
然后在index.wxml中修改調(diào)取自定義事件
<v-like like="{{classic.like_status}}" count="{{classic.fav_nums}}" bind:like="onLike"></v-like>
當(dāng)點擊index.wxml的組件時吱韭,會看到不同的輸出效果獲取到對應(yīng)的事件了
image.png
image.png