微信小程序(二)currentTarget、target区别

一、目的:点击轮播图,进入到相对应的界面

二、方法:

      方法(1)每个image组件上,绑定一个函数。坏处:如果轮播图很多,每个组件都绑定会很麻烦

      方法2)使用冒泡事件来触发,在父级组件上进行事件绑定

三、具体实现

     事件机制:点击-------->由于事件冒泡机制,传递到了------>再传递到

  onSwiperTap:function(event){
    //currentTarget:事件捕获的组件
    //target:当前点击的组件
    var postId = event.target.dataset.postid;
    wx.navigateTo({
      url: '../post-detail/post-detail?id='+postId,
    })
  }

  其中,对于currentTarget、target的区别具体到上面代码实例中则是:

  currentTarget:事件捕获组件,target:当前点击组件

  而postid放在了上,所以上面代码中用target;

  

你可能感兴趣的:(微信小程序(二)currentTarget、target区别)