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

 

 

 

学习旧岛小程序 (5) 自定义组件的自定义事件

上一篇:微信小程序----调用远程数据


下一篇:微信小程序踩坑日记4——真机端解析json数组和开发平台不一样