学习旧岛小程序 （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)
  },