学习旧岛小程序 (5) 自定义组件的自定义事件
生活随笔
收集整理的這篇文章主要介紹了
学习旧岛小程序 (5) 自定义组件的自定义事件
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
自定義組件的觸發(fā)事件: 自定義組件觸發(fā)事件時(shí),需要使用 triggerEvent 方法,指定事件名、detail對(duì)象和事件選項(xiàng): this.triggerEvent('like', { behavior: behavior }, {}) 1. 'like' 自定義的事件名 2. behavior behavior 自定義事件: //激活點(diǎn)贊狀態(tài),自定義函數(shù)let behavior = this.properties.like?'like':'cancel';//監(jiān)聽(tīng)一個(gè)事件this.triggerEvent('like',{behavior:behavior},{})
?
?
在引用自定義組件的組件綁定事件:
綁定的事件名字要對(duì)應(yīng)為自定義事件的事件名
<v-like class="like" bind:like="onLike" like="{{classic.like_status}}" count="{{classic.fav_nums}}"></v-like>?
like 事件:
onLike:function(e) {//獲取得到要傳遞的3個(gè)參數(shù) console.log(e);let behavior =e.detail.behavior;console.log(this.data.classic.id);console.log(this.data.classic.type);//調(diào)用接口likeModel.like(behavior,this.data.classic.id,this.data.classic.type)},?
?
?
轉(zhuǎn)載于:https://www.cnblogs.com/guangzhou11/p/11294792.html
總結(jié)
以上是生活随笔為你收集整理的学习旧岛小程序 (5) 自定义组件的自定义事件的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 学习旧岛小程序 (4) 电影组件的实现
- 下一篇: 学习旧岛小程序 (5) observer