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